javascript - AngularJS:在 HTML 属性中连接 Angular 变量

Question

我是 AngularJS 的新手，但从我迄今为止所看到和所做的来看，它是令人惊奇的。我想要做的是在 HTML 属性内有一个 AngularJS 绑定(bind)，但将其与另一个字符串连接。我这样做的主要地方是类和 id，因为我喜欢使用“thisform”和“thisdivid”等名称。我页面中的一个示例元素是:

<input type="checkbox" 
  name="tdl_task[]" 
  data-ng-checked="list.default" 
  id="tdl_task_{{ id }}" 
  data-ng-class="{tdl_item: true}" 
  data-ng-true-value="done" 
  data-ng-false-value="not_done" />

我希望它是这样的:

<input type="checkbox" 
  name="tdl_task[]" 
  data-ng-checked="list.default" 
  id="tdl_task_" + {{ id }} + "" 
  data-ng-class="{tdl_item: true}" 
  data-ng-true-value="done" 
  data-ng-false-value="not_done" />

但没有优点。我想在不将其包装在 JavaScript 或 PHP 中或在 Controller 中仅为该属性创建另一个完整绑定(bind)的情况下执行此操作。

Answer 1

为此，您必须创建一个指令。 id 由 html 本身提供，您无法修改其行为。因此，创建您自己的自定义指令，该指令将采用您的 id 并将其指定为 html 元素的 id。

To learn more about directive please visit

Details study on directives