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

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 指令，以防它是您可更改数据的一部分 - 在输入/文本区域等标签中（文档：https://docs.angularjs.org/api/ng/directive/ngModel）