AngularJS，鏈接單擊不起作用

Question

這聽起來像是一個愚蠢的問題，但是我似乎無法弄清楚答案，這些天我正在研究angularjs，並且我已經成功生成了頁面，並且它們具有如下所示的鏈接。

<div ng-repeat="evsi in evz" class="ng-scope">
<a href="#" likey="{{evsi.key}}" id="sideli" class="ng-binding">Link text</a>
</div>

我想做的是單擊鏈接后，我需要檢索附加到它的likey值，並將其傳遞給觸發事件的位置。

所以我用下面的代碼

$('#sideli').on('click', function(){
    var linkkey = $(this).data('likey');
});

但是，這並沒有獲得我需要的值，即使我設置了一個簡單的警報事件來檢查是否單擊了鏈接，警報也不會顯示。 錯誤在哪里，我該如何解決？

謝謝

Answer 1

在你的HTML：

<a ng-click="doWhatYouWant(evsi)" likey="{{evsi.key}}" 
           id="sideli" class="ng-binding" href="javascript:void(0)">Link text</a>

在您的控制器中：

$scope.doWhatYouWant = function(evsi){
   console.log(evsi.key);
}

請記住，您正在使用角度。 無需查詢元素並綁定click事件。

Answer 2

您可以為此使用ngClick。

<div ng-repeat="evsi in evz" class="ng-scope">
  <a href="#" ng-click="linkkey = evsi.key">Link text</a>
</div>

Answer 3

如果要檢索屬性值，請使用attr方法：

$('#sideli').on('click', function(){
     var linkkey = $(this).attr('likey');
});

但更好的方法是使用@Michael建議使用angular。