анкерный тэг с twitter bootstrap не работает для ng-click

Question

Я создал Fiddle для моего сценария после попытки this. Каким-то образом 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 ('дом', []) контроллер ('homeCtrl', [ '$ сфера', функция ($ сфера, $ HTTP, $ фильтр) {

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

Во-первых ваши вопросы должны быть собственностью на $ объеме, а не только локальная переменная.

Во-вторых, re не является свойством jumboId на ваших элементах, поэтому вы получаете неопределенное значение.

Возможно, вы пытаетесь получить serialNum в своем предупреждении? Если так, взгляните на это.

Fix ваши детали:

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