javascript - 如何在 Angular 中定义 HTML block 的范围？

Question

我的应用程序页面中有一个非常大的表单，我有一个 JSON 变量，我在其中保存所有表单数据，我正在使用 controllerAs表达。

<form>
    <input type="text" data-ng-model="ctrl.myJSON.name"/>
    <input type="text" data-ng-model="ctrl.myJSON.old"/>
    <input type="text" data-ng-model="ctrl.myJSON.address"/>
    <input type="text" data-ng-model="ctrl.myJSON.email"/>
    <input type="text" data-ng-model="ctrl.myJSON.phone"/>
    <!-- and many more... -->
</form>

如何将 myJSON 定义为表单范围，因为不需要在所有字段中多次重复此变量？

Answer 1

您可以使用 angular extend 将 json 数据复制到 $scope。然后，您可以直接使用:

.controller('YourController', function($scope) {

    $scope.readData = function() {
        // replace with your read data function
        var myJSON = { name: 'test' };
        angular.extend($scope, myJSON);
    }

}

之后，变量将直接起作用:

<input type="text" data-ng-model="name"/>