Question

以下脚本无效。我想我不会遗漏任何东西。

    <script>
        var app = angular.module('ngapp',[]);
        app.controller('ctrl',
            function ($scope) {

            });
    </script>
</head>
<body ng-app="ngapp" ng-controller="ctrl">
    <div ng-class="[{'bold': warning}]">adf</div>
    <input type="checkbox" ng-model="warning">
</body>
<style>
    .red {
        color:red;
    }
    .bold{font-weight:bold}
</style>

Answer 1

ng-class="[{'bold': warning}]"

应该是

ng-class="{'bold': warning}"

或只是

ng-class="{bold: warning}"

它不期望一个对象数组。它期望一个对象，类名作为键，布尔值作为值。

Answer 2

您尝试使用的功能仅适用于Angular 1.4：

https://github.com/angular/angular.js/blob/master/CHANGELOG.md#v140-rc0-smooth-unwinding-2015-04-10

如果您使用的是稳定版（1.2），请使用

ng-class="{bold: warning}" class="red"

Answer 3

如果要在警告时添加红色类，请使用此选项

<div ng-class="{bold: warning, red:warning}">adf</div>
<input type="checkbox" ng-model="warning">

请检查此http://plnkr.co/edit/viH8vf6qkqflp1PozsvT?p=preview

ng-class没有按预期工作

3 个答案: