チェックボックスのデータモデルにng-repeatを使用して動的にバインド

私は本当に新しい角度であり、私はこの問題を一日中苦労しています。私は、ng-repeatを使って自分のhtmlページにチェックボックスを動的に追加しようとしており、ng-data-modelをバインドしています。チェックボックスのデータモデルにng-repeatを使用して動的にバインド

<!DOCTYPE html> 
<html > 
<head> 
    <script type="text/javascript" 
     src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.min.js"> </script> 
<script> 
(function(angular) { 
var helloApp = angular.module("helloApp", []); 
    helloApp.controller("HelloCtrl", ['$scope',function($scope) { 

      $scope.legsDurations = {}; 
      var amountOfLegs = 3; 
      for(var k = 1; k <= amountOfLegs; k++) { 
       $scope.legsDurations[k] = { 
        disabled: true 
       }; 
} 

}]); 
})(window.angular); 

</script> 

</head> 
<body ng-app="helloApp"> 
    <div ng-controller="HelloCtrl"> 
    <div ng-repeat="value in legsDurations"> 
<input ng-data-model="value.disabled" type="checkbox" > 
{{value.disabled}} 
</div> 
      </div> 


</body> 
</html>

出典

2017-03-08 Alex Lavriv

ng-data-modelが間違っている：はここに私のコードです。 ng-modelまたはdata-ng-model

... 
<input ng-model="value.disabled" type="checkbox"> 
...

のコードを使用します。

<!DOCTYPE html> 
 
<html > 
 
<head> 
 
    <script type="text/javascript" 
 
     src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.min.js"> </script> 
 
<script> 
 
(function(angular) { 
 
var helloApp = angular.module("helloApp", []); 
 
    helloApp.controller("HelloCtrl", ['$scope',function($scope) { 
 

 
      $scope.legsDurations = {}; 
 
      var amountOfLegs = 3; 
 
      for(var k = 1; k <= amountOfLegs; k++) { 
 
       $scope.legsDurations[k] = { 
 
        disabled: true 
 
       }; 
 
} 
 

 
}]); 
 
})(window.angular); 
 

 
</script> 
 

 
</head> 
 
<body ng-app="helloApp"> 
 
    <div ng-controller="HelloCtrl"> 
 
    <div ng-repeat="value in legsDurations"> 
 
<input ng-model="value.disabled" type="checkbox" > 
 
{{value.disabled}} 
 
</div> 
 
      </div> 
 

 

 
</body> 
 
</html>

出典

2017-03-08 22:54:09

をありがとうございました！ –

チェックボックスのデータモデルにng-repeatを使用して動的にバインド

答えて

関連する問題