AngularJS指令- scope:{}"的意思

AngularJS Directives - What does "scope:{}" mean?

本文关键字:quot 意思 指令 scope AngularJS      更新时间:2023-09-26

看一下我的指令

中的代码片段
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/)中得到了这个想法。

默认情况下,除非明确设置,指令不会创建自己的作用域。在指令中scope:{}和scope:true的区别是什么?