根据数组,angularjs中的值禁用按钮

Question

我有一个来自AZ的数组列表,并从中创建一个按钮列表

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

我有另一个阵列

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

通过使用这个数组我想创建一个按钮列表,其中所有按钮禁用除了按钮这些名称是'a','g','m'(在$ scope.uniqChar中).我做了这个jsfiddle,但输出显示了三次.我只希望在一个列表中.请赐教.

Answer 1

请看一下更新的小提琴.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>