角度定制指令链接功能不会接受“限制”#39;

时间:2015-12-24 02:35:26

标签: javascript angularjs

我正在玩一个自定义指令,我的例子是here

它按预期显示,但是只要我向范围添加restrict: 'E',就像在plunker文件 car.js 中一样,如下所示(取消注释该行)< / p>

function CarCard() {

return {
  scope: {
   // restrict: 'E', // uncomment this and it breaks
    car: '='
  },

我得到了

  

指令&#39; myCarCard&#39;的隔离范围定义无效。   定义:{...限制:&#39; E&#39; ...}

我一直在看doco好几个小时,我在这里看不出有什么问题(我确信我已正确拼写restrict'E'

虽然没有它可行,但我非常想知道为什么我的限制不起作用。

任何帮助都非常感谢!

1 个答案:

答案 0 :(得分:1)

restrict应该在scope之外。

如果你把它放在范围内,它会将它视为范围的属性并检查绑定。

带范围的绑定是@=&

因此restrict: 'E',内的scope无效。

试试这个

  restrict: 'E',
  scope: {
    car: '='
  },

PLNKR