单击时在警报中显示给定文本

Question

<div ng-app="" ng-init="names=[
{name:'Jani',country:'Norway'},
{name:'Hege',country:'Sweden'},
{name:'Kai',country:'Denmark'}]">

<ul>
  <li ng-repeat="x  in names">
    {{ x.name + ', ' + x.country }}
  </li>
</ul>

</div>

当用户点击挪威的Jani时，这是一个示例代码。应将挪威Jani文本复制到警告框，并在点击事件中显示警报。瑞典的Hege也是如此。在jquery我曾经使用$（this）.find（td）.html（），但在角度我不能做同样的事情。 我附上了一个小提琴http://jsfiddle.net/jspprezf/1/

Answer 1

你的HTML中的

<li ng-repeat="x  in names">
    <a ng-click="alertbox(x.name, x.country)">{{ x.name + ', ' + x.country }}</a>
</li>

控制器中的

$scope.alertbox = function(name, country) {
    alert(name + ' ' + country);
}