Angularjs 角度将附加值附加到单击的链接

是否有任何方法可以从linksList（例如：gameID）附加值并在单击事件中获取它们？还是我的整个方法完全错了

HTML

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

---

你可以用这样的东西

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

---

你可以用这样的东西

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

---

只需在单击事件中发送项，如

ng click=“onClickLink（item）

，这样您就可以访问与该列表项相关的全部数据。选中此项。单击任何列表项，您将在此处收到有关id和名称的警报。

只需在单击事件中发送项，如

ng click=“onClickLink（item）

以便您可以访问与该列表项相关的全部数据。选中此项。单击任何列表项，您将在此处收到有关id和名称的警报。

以下是您向控制器发送所选数据并发出post请求的要求

您可以在post http请求的视图中使用函数调用发送的参数。

方法是这样的

使用数据的post请求功能：

$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>

查看：

$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>

---

您需要将所选数据发送到控制器并发出post请求

您可以在post http请求的视图中使用函数调用发送的参数。

方法是这样的

使用数据的post请求功能：

$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>

查看：

$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>

---

使用onClickLink（item.gameId）不需要事件，在控制器中使用$scope.onClickLink=function（gameId）{console.log（gameId）}无法获取您的信息。请详细说明。@Sravan基本上我想为每个单击的项目建立一个列表，我必须通过$http.post请求向发送一些数据。每个单击链接的数据必须包含例如gameID、gameName。如何在console.log中同时获取gameId和gameName？使用onClickLink（item.gameId）不需要事件，在控制器中使用$scope.onClickLink=function（gameId）{console.log（gameId）}无法获取。请详细说明。@Sravan基本上我想为每个单击的项目建立一个列表，我必须通过$http.post请求向发送一些数据。每个单击链接的数据必须包含例如gameID、gameName。如何在console.log中同时获得gameId和gameName？请编辑您的答案->console.log（gameId）到console.log（gameId）它们都是很好的答案，我接受这个答案，因为您可以看到代码。谢谢。你能编辑你的答案吗？->console.log（gameId）到console.log（gameId）他们都是很好的答案，我会接受这个答案，因为你可以看到代码。谢谢，谢谢！我有发布的其余代码，只是不知道如何在那里添加对象。我马上回来问我的下一个愚蠢的问题xDDThanks！我有发布的其余代码，只是不知道如何在那里添加对象。我马上回来问我的下一个愚蠢的问题xDD