AngularJS指令 - 「scope：{}」是什麼意思？

Question

看看這個代碼片斷從我的指令

return { 
    controller: 'MyController', 
    controllerAs: 'vm', 
    scope: {}, 
    bindToController: { 
     name: '=', 
     id: '=' 
    }, 
    // .... 

再後來在我看來，我可以使用：

<div>{{ vm.name }}</div> 

我的問題是：爲什麼我們需要設置scope: {}首先？如果我刪除，代碼會中斷。

注意：如果您想知道爲什麼我在bindToController而不是scope的綁定，我從這篇文章（http://toddmotto.com/no-scope-soup-bind-to-controller-angularjs/）得到了這個想法。

Answer 1

默認情況下，除非明確設置，否則指令不會創建它們自己的範圍。這可以幫助你多一點What is the difference between scope:{} and scope:true inside directive?。