Question

在这个简单的例子中，我试图将一个类添加到checkbox input（如果已选中）。我不知道为什么这个简单的例子不起作用。有人可以帮我吗？

<html>
<head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script>  
</head> 
<body ng-app="myApp" ng-controller="myCtrl"> 
    <input type="checkbox" ng-model="isChecked" ng-class="{peter: isChecked}" />
    <script>
        //Module Declaration
        var app = angular.module('myApp',[]);
        //Controller Declaration
        app.controller('myCtrl',function($scope){
            //No code
        });
    </script> 
</body> 
</html>

Answer 1

您的控制器未正确声明。

<script>
var app = angular.module('myApp',[]);
app.controller('myCtrl', function($scope) {
  //No code
});
</script>

Answer 2

var app = angular.module('myApp',[]);
app.controller('myCtrl', function($scope) {
  //No code
});

这是控制器的正确代码。

Answer 3

请提供更多代码。 ~~如果这是一个拼写错误但我在`输入字段中缺少/>，我将删除此答案。~~

~~将<input type="checkbox" ng-class="{peter: isChecked}"更改为<input type="checkbox" ng-class="{peter: isChecked}" />。~~

只需更改行

即可

app.controller = ('myCtrl',function($scope){
    //No code
});

到

app.controller('myCtrl',function($scope){
    //No code
});

您的控制器声明的语法错误。每个浏览器都有开发控制台。你应该开火并首先看到错误： - ）

Answer 4

你的例子很好用。选中该复选框后，我可以看到：

<input type="checkbox" ng-class="{peter: isChecked}" ng-model="isChecked" class="ng-valid ng-touched ng-dirty ng-valid-parse peter">

Angular中的Checkbox条件类不起作用

4 个答案: