Я использую вложенные ng-повторы для отображения содержимого на странице. Вложенное ng-repeat отображает флажок, и проверенный статус этого флажка должен быть установлен на логическое значение данных в ng-repeat. Я использую ng-check и передаю правдивое значение, однако флажки всегда проверяются независимо от значения.
Я упростил свой код в демоверсии, которая отображает поведение jsFiddle.
HTML
<div ng-app="myApp">
<div ng-controller="myController">
<div ng-repeat="item in myArray">
<h3>{{ $index }}. {{ item.title }}</h3>
<div ng-repeat="child in item.subArray">
<h4>({{ child.id }}). {{child.title}} </h4>
<input type="checkbox" ng-checked="child.result" />
<h6>Answer is: {{ child.result }}</h6>
</div>
</div>
</div>
</div>
JavaScript
var myApp = angular.module('myApp', []);
function myController($scope) {
$scope.myArray = [
{ id: "1", title: "my array 1", subArray: [
{ id: "1", title: "my sub array 1", result: "false" },
{ id: "1", title: "my sub array 2", result: "true" },
{ id: "1", title: "my sub array 3", result: "false" },
{ id: "1", title: "my sub array 4", result: "true" },
{ id: "1", title: "my sub array 5", result: "false" }]
},
{ id: "1", title: "my array 2", subArray: [
{ id: "1", title: "my sub array 1", result: "true" },
{ id: "1", title: "my sub array 2", result: "false" },
{ id: "1", title: "my sub array 3", result: "true" },
{ id: "1", title: "my sub array 4", result: "false" },
{ id: "1", title: "my sub array 5", result: "true" }]
},
{
id: "1", title: "my array 3", subArray: [
{ id: "1", title: "my sub array 1", result: "false" },
{ id: "1", title: "my sub array 2", result: "false" },
{ id: "1", title: "my sub array 3", result: "true" },
{ id: "1", title: "my sub array 4", result: "false" },
{ id: "1", title: "my sub array 5", result: "false" }]
},
{
id: "1", title: "my array 4", subArray: [
{ id: "1", title: "my sub array 1", result: "true" },
{ id: "1", title: "my sub array 2", result: "false" },
{ id: "1", title: "my sub array 3", result: "false" },
{ id: "1", title: "my sub array 4", result: "false" },
{ id: "1", title: "my sub array 5", result: "true" }]
},
{
id: "1", title: "my array 5", subArray: [
{ id: "1", title: "my sub array 1", result: "true" },
{ id: "1", title: "my sub array 2", result: "true" },
{ id: "1", title: "my sub array 3", result: "false" },
{ id: "1", title: "my sub array 4", result: "true" },
{ id: "1", title: "my sub array 5", result: "true" }]
}
];
}
Может ли кто-нибудь объяснить, почему это происходит, и помочь мне понять, как его исправить?
Поскольку child.result
является string
и не является boolean
условие всегда true
.
Используйте следующее:
ng-checked="child.result == 'true'"