AngularJS - 在同一个案例中比较两个数组和禁用

时间:2017-04-12 15:28:03

标签: javascript angularjs arrays

我有两个表:“可用主题”和“添加主题”,由两个对象列表填充(ng-repeat)。我需要从他们那里做三件事:

1 - 当用户按加号时,“添加主题”

上会显示内容相同的行

2 - 当用户按下删除标志时,该行消失

3 - 如果“添加主题”

中有相同的行,任何加号按钮都将被禁用

到目前为止,我已完成了第一项和第二项任务,但我没有解决最后一项问题 enter image description here

1 个答案:

答案 0 :(得分:2)

您可以在控制器中添加一项功能,以切换id ---- 1 2 3 主题状态。

以下是实现此目的的示例代码段

added
angular.module('app', []);

angular.module('app')
    .controller('ExampleController', ['$scope', function($scope) {

        $scope.subjects = [{
                name: "XXX",
                id: "123",
                added: false
            },
            {
                name: "YYY",
                id: "456",
                added: true
            },
            {
                name: "ZZZ",
                id: "789",
                added: false
            },
        ];

        $scope.addRemoveSubject = function(subject) {
            subject.added = !subject.added;
        };

    }]);