javascript - ngClass 样式,键中有变量

标签 javascript json angularjs ng-class

我希望有人能帮助我。 我正在使用 angular v1.3.14,我尝试在 ng 类映射的键中添加一个范围变量。

例子

        <b class="fixedClass" ng-class="{'classOne'       : x === 'foo',
                                         'classTwo-%(y)%' : x === 'bar'}">
            %(z)%
        </b>

有没有什么办法可以做这样的事情,或者有什么办法吗?

最佳答案

你可以这样做

angular.module('App',[])
.controller('AppController',['$scope',function($scope){
    $scope.y = 10;
    $scope.val = 'bar';

    var fixedClass = "fixedClass ";

    $scope.getCSSClass = function(){
      if($scope.val === 'foo'){
        return fixedClass + 'classOne';
      } else {
        return fixedClass + 'classTwo-(' +$scope.y+ ')';
      }
    };
}])

在 HTML 中

<body ng-controller="AppController">
  <b ng-class="getCSSClass()">hello</b>
</body>

这是 working代码

关于javascript - ngClass 样式,键中有变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30092957/

相关文章:

javascript - Selenium WebDriverJS,无法为 Chrome 构建 webdriver

javascript - 为了保护它免受 XSS 攻击,对内联 javascript 对象进行编码的正确方法是什么?

jquery - ajax调用后重置变量?

javascript - Node.js 请求中的 JSON 和数据有什么区别?

javascript - json_encoding 一个数组,但输出为字符串

css - 带有 ui-bootstrap-tpls-0.13 和 bootstrap 3.3.2 的 Ui-bootstrap-modal,angular 1.3.14 不工作

javascript - Bootstrap 4 抛出错误,未捕获类型错误?

javascript - 如何在浏览器中查看 native 源代码?

javascript - 在 AngularJS 应用程序中使用 select2 插件

javascript - 如何测试已定义父指令的指令