# 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 的數據綁定機制，操作變量的結果直接在頁面上表現出來了。