ng-repeat 和 ng-click 播放效果不佳
ng-repeat and ng-click not playing well
<li ng-repeat="item in data" ng-click="myFunc('{{ item.name }}')">
我似乎无法让 ng-click
传递 item.name
的变量值。它实际发送:
{{ item.name }}
Plunker 中的示例:
http://plnkr.co/edit/dq5KA3?p=preview
在控制台中它看起来不错,但实际上不起作用:
使用:
<li ng-repeat="item in data" ng-click="myFunc(item.name)">{{item.name}}
</li>
因为item
是一个对象
关于控制台中结果的说明,在您的场景中:
始终:{{item.name}}
它将打印值,这就是您在控制台中看到的原因:
<li ng-repeat="item in data" ng-click="myFunc('Apple')" class="ng-binding ng-scope">Apple
</li>
因为您的页面中有:
<li ng-repeat="item in data" ng-click="myFunc('{{ item.name }}')">{{item.name}}
</li>
ng-click
实际上是一个angularjs表达式,所以你应该可以将它设置为ng-click='myFunc(item.name)'
。这将传递 item.name
的实际值,而不是像您当前的实现那样尝试传递原始文本的字符串值。
ng-click
实际上是一个angular指令而不是一个表达式,当你将值传递给表达式时你需要给括号但是当你将值传递给指令时你不需要使用括号.
<li ng-repeat="item in data" ng-click="myFunc('{{ item.name }}')">
我似乎无法让 ng-click
传递 item.name
的变量值。它实际发送:
{{ item.name }}
Plunker 中的示例: http://plnkr.co/edit/dq5KA3?p=preview
在控制台中它看起来不错,但实际上不起作用:
使用:
<li ng-repeat="item in data" ng-click="myFunc(item.name)">{{item.name}}
</li>
因为item
是一个对象
关于控制台中结果的说明,在您的场景中:
始终:{{item.name}}
它将打印值,这就是您在控制台中看到的原因:
<li ng-repeat="item in data" ng-click="myFunc('Apple')" class="ng-binding ng-scope">Apple
</li>
因为您的页面中有:
<li ng-repeat="item in data" ng-click="myFunc('{{ item.name }}')">{{item.name}}
</li>
ng-click
实际上是一个angularjs表达式,所以你应该可以将它设置为ng-click='myFunc(item.name)'
。这将传递 item.name
的实际值,而不是像您当前的实现那样尝试传递原始文本的字符串值。
ng-click
实际上是一个angular指令而不是一个表达式,当你将值传递给表达式时你需要给括号但是当你将值传递给指令时你不需要使用括号.