角度重复将同一元素传递给ngClick参数

时间:2016-10-29 15:38:21

标签: javascript angularjs

我尝试在重复按钮上设置ngClick功能,如下所示:

<button data-ng-repeat="letter in ctrl.letters"
        data-ng-click="ctrl.selectLetter(letter)"
        data-ng-class="{'selected-letter' : ctrl.selectedLetter == letter }"
        style="width: 19%; float: left;" class="button">
    <span>{{letter}}</span>
</button>

ctrl.etters是一个数组['A', 'B', 'C', 'D', 'E', etc...],但是当我点击任意按钮时,会将'A'传递给该事件。

如何在click事件参数中传递每个数组元素?

=============================================== ===================

我创建了一个toLower函数来测试传递参数:

<button data-ng-repeat="letter in ctrl.letters"
        data-ng-click="ctrl.selectLetter(letter)"
        data-ng-class="{'selected-letter' : ctrl.selectedLetter == letter }"
        style="width: 19%; float: left;" class="button">
    <span>{{ ctrl.toLower(letter) }}</span>
</button>

我的toLower功能:

this.toLower = functino toLower(letter) {
    return letter.toLowerCase();
};

所以这个测试是以小写字母打印的,但我真的不知道为什么在click事件中始终传递第一个Array元素。

当我尝试alert参数时,始终会提示字母A

this.selectLetter = function selectLetter(letter) {
    alert(letter); // always alerting "A"
};

0 个答案:

没有答案