在ng-重复中单击，而不是正确格式化值。

Question

新的AngularJS和我的javascript技能并不完全符合标准。

我有很多团队：

$scope.teams = ['Team-1', 'Team-2', 'Team-3']

再重复一遍，循环这些：

<span ng-repeat="team in teams">{{ $index + 1 }}: {{ team }}</span>

但我还想向这些元素添加ng单击，如下所示：

<span ng-repeat="team in teams" ng-click="addTeam(' {{ team | lowercase }}')">{{ team }}</span>

单击元素确实会向数组中添加一个条目，但它会添加值{{Team而lowercase}，而不是添加预期的小写团队名称。如果我查看代码检查器，这些值确实会在元素中正确显示。

即ng-click="addTeam('team-1')，等等。

...is，有什么东西是我从ng-点击中丢失的？

Answer 1

这是正确的语法

<span ng-repeat="team in teams" ng-click="addTeam(team | lowercase)">{{ team }}</span>

Answer 2

这是正确的。

<span ng-repeat="team in teams" ng-click="addTeam(team | lowercase)">{{ team }}</span>