2014-12-11 5 views
0

this을 시도한 후 내 시나리오에 대해 Fiddle을 생성했습니다. 어떻게 든 the contractNum 여기에 채우지 않지만 내 프로젝트에 그것을 populating.I 많이 찾은 모든 솔루션을 구현 한 있지만 앵커 링크를 실행할 수 있도록 만들 수 없습니다 매개 변수를 사용하여 컨트롤러에서 메서드를 호출 할 수 있습니다. .
앵커로 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); 

    }; 
}]); 

답변

1

첫째 항목은 $ 범위의 속성뿐만 아니라 로컬 VAR 할 필요가있다. 둘째,

다시 항목에 점보라고하는 속성이 없으므로 정의되지 않은 이유입니다.

알림에 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/

+0

Jsfiddle에서 일하고 그런데 왜 나는 내 응용 프로그램에서 같은 동작을 얻을 수 없다? ng-click을 사용하여 인수를 전달하면 작동이 멈 춥니 다. – tom

+0

전체 항목을 전달하면 어떻게됩니까? 그런 다음 디버거에 중단 점을 설정하여 항목의 속성을 확인합니다. – Bryant

관련 문제