我正在尝试使用ng点击附加到< p>更新我的模型。
我在ng-repeat外部的赋值表达式没有问题,或者在ng-repeat中调用scope方法。但是,如果我在ng-repeat中使用赋值,它似乎被忽略。我没有看到在Firefox控制台中报告的任何消息,但没有尝试设置断点,以查看该事件是否被触发。
<!DOCTYPE html> <html> <head> <title>Test of ng-click</title> <script type='text/javascript' src='http://code.angularjs.org/1.1.1/angular.js'></script> <script type='text/javascript'>//<![CDATA[ function MyCtrl($scope) { $scope.selected = ""; $scope.defaultValue = "test"; $scope.values = ["foo","bar","baz"]; $scope.doSelect = function(val) { $scope.selected = val; } } //]]> </script> </head> <body ng-app> <div ng-controller='MyCtrl'> <p>Selected = {{selected}}</p> <hr/> <p ng-click='selected = defaultValue'>Click me</p> <hr/> <p ng-repeat='value in values' ng-click='selected = value'>{{value}}</p> <hr/> <p ng-repeat='value in values' ng-click='doSelect(value)'>{{value}}</p> </div> </body> </html>
小提琴是here,如果你喜欢(以及一些早期的变种)。
指令ngRepeat为每次迭代创建一个新的作用域,因此您需要在父作用域中引用您的变量。
原文链接:https://www.f2er.com/angularjs/145949.html使用$ parent.selected = value,如:
<p ng-repeat='value in values' ng-click='$parent.selected = value'>{{value}}</p>