Angular 中的复选框条件 class 不起作用

Question

在这个简单的示例中，我尝试将 class 添加到 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

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

~~将<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 2

您的控制器声明不正确。

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

Answer 3

var app = angular.module('myApp',[]);
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 中的复选框条件 class 不起作用

Checkbox conditional class in Angular is not working

javascript

angularjs

ng-class