在angularjs中使用jQuery UI buttonset

Question

問題陳述：顯示控制器作用域數組中每個元素的JQ按鈕集。

因此，像這樣將是合乎邏輯：

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

但是......在JQ buttonset，如果輸入/標籤對的ID不是唯一的，每次指令調用buttonset（）大小按鈕的增長。例如。如果你在'算術'中有20個元素，那麼這些按鈕是巨大的。

那麼如何讓id的獨特？我想{{$指數}} 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。

所有的幫助和評論贊賞。

丹尼

Answer 1

看來，對於和id屬性值，當你調用jQuery插件

將其更改爲不設置：

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

這樣調用插件後， $ dom元素的消化階段。