Angular自定義指令鏈接函數不會接受'restrict'

Question

我只是在玩一個自定義指令，其中的一個示例是here。

正如它顯示爲預期，但只要我添加一個restrict: 'E'的範圍，因爲在plunker文件car.js如下面的（取消對該行）

function CarCard() { 

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

我得到

指令'myCarCard'的無效隔離範圍定義。 定義：{...限制：「E」 ...}

我一直在尋找的DOCO了幾個小時，我看不出這裏有什麼問題（我相信我已經拼restrict和'E'正確。

雖然它的工作原理沒有它，我非常想知道爲什麼我的限制無法正常工作。

任何幫助，不勝感激！

Answer 1

restrict應該是scope之外。

如果將其放在範圍內，它會將其視爲範圍屬性並檢查綁定。

與範圍的綁定是@,=,&。

因此您的restrict: 'E',裏面的scope是無效的。

嘗試這樣

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

PLNKR