Использование ng-флажка в вложенном ng-repeat всегда верно

0

Я использую вложенные 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 }}.&nbsp;{{ 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" }]
            }
        ];
}

Может ли кто-нибудь объяснить, почему это происходит, и помочь мне понять, как его исправить?

Теги:
checkbox

1 ответ

1
Лучший ответ

Поскольку child.result является string и не является boolean условие всегда true.

Используйте следующее:

ng-checked="child.result == 'true'"

Ещё вопросы

Сообщество Overcoder
Наверх
Меню