如何在 ng-repeat 中触发 ng-click angularJS

Question

ng-click 在 ng-repeat 中不起作用。我已经阅读了所有指南和类似问题，但我的代码没有任何效果。如果我点击 ng-repeat 中的标签，什么也不会发生，但如果我点击我的按钮，该函数就会被调用。

html

                <div ng-repeat="sykdom in sykdommer" ng-model="sykdom.name" ng-click="test();"> 
                     <a class="item item-icon-right" href="#" ng-click="test();" >
                        {{sykdom.name}}
                        <i class="icon ion-ios-arrow-right"></i>
                     </a>   
                </div>  
<button ng-click="test()> test </button>

JS

$scope.sykdommer = [{name:'test1'},
                     {name:'test2'},
                     {name:'test3'}];

$scope.test = function(){
    alert('you clicked!');
};

我尝试过使用 ng-click="$parent.test()" 和 ng-model="sykdom.name" 但没有成功。请帮忙，真的卡在这个问题上了:(

Answer 1

这是我用您的数据制作的示例：http://plnkr.co/edit/o4sqPd

模板应该是这样的：

<div ng-repeat="sykdom in sykdommer"> 
      <a class="item item-icon-right" href="#" ng-click="test(sykdom.name);" >
         {{sykdom.name}}
       <i class="icon ion-ios-arrow-right"></i>
      </a>   
</div>

你应该使用 ng-model 指令，以防它是你可变数据的一部分 - 在 input/textarea 等标签中（文档：https://docs.angularjs.org/api/ng/directive/ngModel)

如何在 ng-repeat 中触发 ng-click angularJS

How to trigger ng-click inside ng-repeat angularJS

angularjs

angularjs-scope

angularjs-ng-repeat

angularjs-ng-click