💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
# 5. 作用域 这里提到的“作用域”的概念,是一个在范围上与 DOM 结构一致,数据上相对于某个 _$scope_ 对象的属性的概念。我们还是从 HTML 代码上来入手: <div ng-controller="BoxCtrl"> <div style="width: 100px; height: 100px; background-color: red;" ng-click="click()"> </div> <p>{{ w }} x {{ h }}</p> <p>W: <input type="text" ng-model="w" /></p> <p>H: <input type="text" ng-model="h" /></p> </div> 上面的代码中,我们给一个 _div_ 元素指定了一个 _BoxCtrl_ ,那么, _div_ 元素之内,就是 _BoxCtrl_ 这个函数运行时, _$scope_ 这个注入资源的控制范围。在代码中我们看到的 _click()_ , _w_ , _h_ 这些东西,它们本来的位置对应于 _$scope.click_ , _$scope.w_ , _$scope.h_ 。 我们在后面的 js 代码中,也可以看到我们就是在操作这些变量。依赖于 ng 的数据绑定机制,操作变量的结果直接在页面上表现出来了。