2017-03-20 1 views
0

문제가 발생했습니다. Angular.js를 사용하여 속성에 동적 값을 지정해야합니다. 아래 코드를 설명하고 있습니다.Angular.js를 사용하여 속성에 동적 변수를 할당하는 방법

<div ng-repeat="mul in mulImage"> 
    <a ng-href="attchImage{{$index}}" data-spzoom data-spzoom-width="400" data-spzoom-height="400"></a> 
</div> 

여기 컨트롤러 쪽에서 앵커 태그에 대한 링크를 지정하려고합니다. 아래 코드를 설명하고 있습니다.

$scope.onLInkSelect = function(index) { 
    atchVar='attchImage'+ index; 
    $scope[atchVar]="http://localhost/test/abc.jpg"; 
} 

여기 index 매개 변수는이 문제를 해결하는 데 도움이 expected.Please에 따라 내가 결과를 얻을 수있는 가치 0,1,2,3,4....라도 좋습니다을 포함한다.

+0

당신이 가정 것 같다 NG-href'이 방법을 보간되지 않는'의 내용. 다음을 고려하십시오 :'some text'('link' 부분 만 보간됩니다.) 또한 이미 배열을 반복하고 있으므로, 이것을 사용하지 않으시겠습니까? 즉 :'ng-href = "{{mul.link}}"' – ippi

+0

코드가 작동하지 않으므로 의미가 무엇인지 알 필요가 있습니다. 지금은 아무 것도 표시하지 않습니다. 사용자에게 무엇을 보여주고 싶습니까? 사용자가 어떻게 그걸로 intereact하고 싶니? – georgeawg

답변

0
$scope.arr = ['link1', 'link2', ...] 

<div ng-repeat="a in arr"> 
    <a ng-href="{{a}}">link: {{a}}</a> 
</div> 

<a ng-href="{{arr[1]}}"></a> 
<a ng-href="{{arr[1] + '/smth'}}"></a> 

+0

답변을 이해할 수 없습니다. – satya

+0

변수를 만들 필요가 없습니다. a1, a2, a3 ... 변수를 사용하여 배열 만들기 –

관련 문제