При щелчке на дисплее отображается текст в сообщении

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, Norway. Текст Jani, Norway должен быть скопирован в окно предупреждения, и предупреждение должно отображаться в событии клика. То же самое касается Хеге, Швеция. В 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); 
}