角がクリックされたリンクに余分な値をつける

Question

リンクリスト（例：gameID）の値を添付してクリックイベントで取得する方法はありますか？または私の全体的なアプローチが完全に間違っていますか？

HTML

<ul ng-repeat="item in linksList"> 
    <li ng-click="onClickLink($event)"> 
    <a href="#">{{ item.gameName }}</a></li> 
</ul> 

JS

.controller('LinkCtrl', function ($scope) { 
    $scope.linksList = [ 
     { 
      gameID: 'l2', 
      gameName: 'Lineage 2' 
     }, 
     { 
      gameID: 'h4', 
      gameName: 'Heroes of Might and Magic IV' 
     } 
    ] 

    $scope.onClickLink = function ($event) { 
     console.log($event.target.text) 
    } 
} 

Answer 1

あなたはこのようなものを使用することができます。

<ul ng-repeat="item in linksList"> 
    <li ng-click="onClickLink(item.gameID)"> 
    <a href="#">{{ item.gameName }}</a></li> 
</ul> 

そして、あなたがそのようあなたがこのplunker item.check .click任意のリスト項目をそのリストに関連する全データにアクセスできるように、コントローラ内部で

$scope.onClickLink = function (gameID) { 
    console.log(gameID) 
} 

Answer 2

はちょうどng-click="onClickLink(item)などのクリックイベントにアイテムを送信ここでIDと名前について警告します

Answer 3

選択したデータをコントローラに送信し、投稿要求を行うための要件は次のとおりです。

post httpリクエストのビューで関数呼び出しから送信された引数を使用できます。

$scope.onClickLink = function (item) { 
    alert(item.gameID) 
    $http.post('/somefile', {'gameID': item.gameID}) 
    .then(function(response) { 
     $scope.data = response.data; 
    }, function(response) { 
     $scope.data = "Something went wrong"; 
    }); 
} 

ビュー：

<div ng-app="myApp" ng-controller="myCtrl"> 

<ul ng-repeat="item in linksList"> 
    <li ng-click="onClickLink(item)"> 
    <a href="#">{{ item.gameName }}</a></li> 
</ul> 
    </body> 

</html> 


</div> 

Here is a fiddle

方法は、データを使用してPOSTリクエストで、この、

機能のようなものになります