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

Checkbox conditional class in Angular is not working

本文关键字：不起作用 条件 复选框 Angular      更新时间：2024-03-07

在这个简单的例子中，如果选中了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>

您的控制器未正确声明。

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

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

这是控制器的正确代码。

请提供更多代码如果这是一个拼写错误，但您在`input字段中缺少/>，我会删除这个答案

将<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
});

您的控制器是用错误的语法声明的。每个浏览器中都有开发控制台。您应该启动它，然后首先看到错误：-）

您的示例运行良好。当复选框被选中时，我可以看到：

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