在 Angular JS 中，如何将指令属性中的数据注入模板？

Question

这是我的指令：

app.directive("helloWorld", function() {
  return {
    restrict: "E",
    scope: {
      name: "bind"
    },
    template: "<div>a {{name}} a</div>"
  };
});

我是这样使用它的：

<hello-world name="John Smith"></hello-world>

我希望这个页面在我运行时是这样的：

<hello-world>
  <div>a John Smith a</div>
</hello-world>

但由于某种原因，name 没有注入，实际结果是这样的：

<hello-world>
  <div>a {{name}} a</div>
</hello-world>

我缺少什么吗？我正在使用 Angular JS 1.0.2

Answer 1

范围声明很奇怪。我不确定 "bind" 声明 - 也许它来自以前的版本。

当前绑定指令属性的语法如下：

return {
    restrict: "E",
    scope: {
      name: "@name"
    },
    template: "<div>a {{name}} a</div>"
};

一般来说，@attributeName。在此处查看more information on directives。