帶有twitter bootstrap的錨標記不適用於ng-click

Question

我創建了一個小提琴嘗試后我的方案這樣 。 不知何故， contractNum不在這里填充，但是在我的項目中正在填充。我進行了很多搜索並實現了我所得到的所有解決方案，但無法使錨鏈接可用，因此它可以在帶有參數的控制器中調用方法。
如果在ng-click中沒有通過錨點傳遞任何參數，則它可以正常工作，但通過傳遞參數時會出現問題。 請幫我解決。

視圖：

 <div ng-app="home" >

<div ng-controller="homeCtrl" ng-repeat="item in items">
                        Contract number<a href="" ng-click="getAssetDetail(item.jumboId)">  {{item.contractNum}} </a> <br />                 

</div>
<div>

和控制器：

angular.module（'home'，[]）。controller（'homeCtrl'，['$ scope'，function（$ scope，$ http，$ filter）{

 var items=[{contractNum:"123", serialNum:"ABC1" },
         {contractNum:"121", serialNum:"ABC2" },
         {contractNum:"124", serialNum:"ABC3" },
         {contractNum:"125", serialNum:"ABC4" } 
        ];


 $scope.getAssetDetail = function (jumboId) {

        alert('you got'+jumboId);

    };
 }]);

Answer 1

首先，您的商品需要是$ scope上的屬性，而不僅僅是本地var。

其次，您的商品上沒有名為jumboId的屬性，因此這就是未定義的原因。

也許您正試圖在您的警報中獲取serialNum？ 如果是這樣，看看這個。

解決您的項目：

$scope.items=[{contractNum:"123", serialNum:"ABC1" },
             {contractNum:"121", serialNum:"ABC2" },
             {contractNum:"124", serialNum:"ABC3" },
             {contractNum:"125", serialNum:"ABC4" } 
            ];

並修復您的html：

Contract number<a href="" ng-click="getAssetDetail(item.serialNum)">  {{item.contractNum}} </a>

http://jsfiddle.net/gLrz0u4k/