angularjs의 jQuery UI 단추 세트 사용

Question

문제 문 : 컨트롤러 범위 배열의 각 요소에 대해 JQ 단추를 표시합니다.

따라서이 같은 것이 논리적 일 것입니다 :

<div ng-repeat='a in algos' mybuttonset> 
    <input name='X' id='A'><label for='A'> 
</div> 

하지만 ... JQ의 buttonset에서, 입력/라벨 쌍의 ID가 고유하지 않은 경우, 각 시간이 지시어는 크기) (buttonset를 호출 버튼의 크기가 커집니다. 예. '알 고스 (algos)'에 20 개의 요소가 있다면 버튼이 매우 큽니다.

이드를 어떻게 만드나요? 나는 NG 반복 내부 {{$ 지수}} 일 것이라고 생각 :

<div ng-repeat='a in algos' mybuttonset> 
    <input name='X' id='A{{$index}}'><label for='A{{$index}}'> 
</div> 

을하지만 그 경우, 각 보고서 구문 오류 : 세 가지의 진수를 보여주는

Syntax error, unrecognized expression: [for=A{{$index}}] <div ng-repeat="a in algos" dwbuttonset="" class="ng-scope ui-buttonset"> 

아주 간단한 예를 사례 (정상 크기, 확장 버튼 및 구문 오류)는 this Plunker입니다.

모든 도움과 의견을 환영합니다. 당신이 후 플러그인을 호출이 방법

.directive('dwbuttonset', function() { 
    return function(scope, elm, attrs) { 
    setTimeout(function() { 
     (elm).buttonset(); 
    },0); 
    }; 
}); 

:

대니

Answer 1

과의 ID 당신이 jQuery 플러그인을에

변경을 호출 할 때 설정되지 않은 속성 값을 보인다 dom 요소의 $ digest phase.