角度のチェックボックス条件付きクラスが機能していない

この単純な例では、チェックされている場合、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>

出典

2016-04-07 Deadpool

残りのコードはどこですか？ –

残りのコードを追加しました。 – Deadpool

私はこれをフィドルで試してみました。それは私に正しく働くようです。チェックボックスがオンの場合、クラス 'peter'をチェックボックス要素に追加します。 Fiddle：https://jsfiddle.net/3symw9f0/ – anierzad

もっとコードを入力してください。 ~~これは入力ミスですが、入力フィールドに />がない場合、この回答を削除します。 <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 
});

を変更します。すべてのブラウザにはデベロッパーコンソールがあります。あなたはそれを発射し、最初にエラーを参照してください:-)

出典

2016-04-07 08:20:45

コントローラが正しく宣言されていません。

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

出典

2016-04-07 08:27:49 rrd

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

これは、コントローラの正しいコードです。

出典

2016-04-07 08:32:10 WoW

あなたの例は正常に動作します。チェックボックスをオンにすると、私はそれを見ることができます：

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

出典

2016-04-07 08:34:55 DonerKebab

角度のチェックボックス条件付きクラスが機能していない

答えて

関連する問題