在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-repeat中的{{$ index}}可以工作：

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

但是在这种情况下，angular会报告语法错误：

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

在此Plunker上，一个非常简单的示例展示了这三种情况的本质（正常大小，增长的按钮和语法错误）。

所有帮助和评论表示赞赏。

丹尼

Answer 1

调用jquery插件时，似乎未设置for和id属性值

更改为：

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

这样，您可以在dom元素的$ digest阶段之后调用插件。