jquery - Angular {{$index}} 与 jquery 插件的集成

Question

我不确定我正在尝试做的事情是否可行。我有一个 ng-repeat 循环遍历JSON文件并创建 id 为{{$index}}.

<ul>
  <li ng-repeat="option in options">
  <input type="checkbox" id="{{$index}}">
  <label for="{{$index}}">{{options}}</label>
  </li>
</ul>

现在我正在使用一个名为 customInput 的外部 jquery 脚本来定位输入标签及其 id 并将常规输入转换为自定义输入。我很确定问题在于脚本无法识别{{$index}}为整数或字符串并引发以下错误。

错误：语法错误，无法识别的表达式：标签[for={{$index}}]

两者之间的正确沟通方式是什么？

提前谢谢

score 0 · Accepted Answer

嗨，您可能只想将您的 jquery customInput 函数集成到角度控制器中，这样您就可以将 $index 传递给您想要的范围内的任何函数。这是一个 Plunker示例。

它可能也更整洁。

score 0 · Accepted Answer

您应该将插件集成到指令中。您应该使用指令的 $element 服务来启动 jquery 插件

2 回答 2