javascript - 根据数组、angularjs 中的值禁用按钮

Question

我有一个从 A-Z 的数组列表，并从中创建一个按钮列表

$scope.alphabet = "abcdefghijklmnopqrstuvwxyz".split("");

我有另一个数组

$scope.uniqChar = ['a', 'g', 'm'];

通过使用这个数组，我想创建一个按钮列表，其中除名称为“a”、“g”、“m”(位于 $scope.uniqChar 中)的按钮外，所有按钮均禁用。 我这样做了jsfiddle ，但输出显示为三倍。我只希望它出现在一个列表中。请赐教。

Answer 1

请看一下更新后的 fiddle 。 http://jsfiddle.net/U3pVM/13663/

无需使用两个 ng-repeat 指令。因此按钮被渲染了多次。

这是更新后的标记，可以解决该问题:

<div ng-app>
    <div ng-controller="TodoCtrl">
        <button ng-repeat="letter in alphabet" ng-disabled="uniqChar.indexOf(letter) === -1">
            {{letter | uppercase}}
        </button
    </div>
</div>