我尝试在重复按钮上设置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"
};