ng-modelが正しく更新されていません

<!DOCTYPE html> 
<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body> 

<div ng-app="myApp" ng-controller="myCtrl"> 
<div ng-repeat='x in trail'> 
<input type=checkbox ng-model='one1'>{{x}}</div> 
<div ng-repeat='x in array'> 
<p ng-hide='one1' >{{x}}</p> 
</div> 
</div> 
</div> 

<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 
$scope.trail = ["Volvo","bike","access","rocket"]; 
$scope.array = ["Volvo","bike","access","rocket"]; 
}); 
</script> 
</body> 
</html>

これを実行して任意のチェックボックスをクリックすると、アレイの値はすべて非表示にする必要がありますが、非表示にする必要はありません。ng-modelが正しく更新されていません

出典

2016-12-01 Abhishek

あなたは$ falseにscope.one1 =を書くことができます。あなたのコントローラーに？ – hurricane

ええ、チェックボックスを使ってone1の値を設定したいのですが – Abhishek

私はこれを持っていますが、使用する前にそれを初期化する必要があります。 – hurricane

<input type=checkbox ng-model="x.checked">

「をチェックする」のようにあなたは本当に配列全体を非表示にする場合、あなたはng-changeディレクティブの通過を利用することができdemo here

出典

2016-12-01 07:29:26

を見ることができます$ scope.trail配列何かに変数を追加します。それ

here is a demo

出典

2016-12-01 07:32:18 transGLUKator

のモデルは、実際に私はあなたのexampl上の問題を発見しましたe。 ng-repeatを作成し、同じスコープ値を持つ入力領域を使用すると、配列値はスコープ値と等しくなりません。

var myApp = angular.module('myApp',[]); 

function MyCtrl($scope) { 
    $scope.trail = ["Volvo","bike","access","rocket"]; 
     $scope.array = ["Volvo","bike","access","rocket"]; 
    $scope.one = true; 
} 

<div ng-app="myApp" ng-controller="MyCtrl"> 
<input type="checkbox" ng-model="one">{{one}} {{x}} 
    <div ng-repeat='x in trail'> 

    </div> 
    <div ng-repeat='x in array'> 
    <label ng-show="one == true" >{{x}}</label> 
    </div> 
</div>

Working Example

出典

2016-12-01 07:34:44 hurricane

ng-modelが正しく更新されていません

答えて

関連する問題