Question

在下面的代码中，变量是使用ng-init指令定义的，angular表达式提供了对这些变量的访问，

    <body ng-app="">
        <div ng-init="arr = [1, 2, 3, 4];obj={x:1}">
            {{arr[0]}}
        </div>
    </body>

使用javascript代码，

    <body ng-app="">
        <div ng-init="arr = [1, 2, 3, 4];obj={x:1}">
            <script  type="text/javascript">
             //access arr[0] using div DOM object
            </script>
        </div>
    </body>

我了解到数据直接绑定到视图（DOM）。

要了解ng-init指令的工作负载，我如何使用arr[0] DOM元素访问div？

Answer 1

您可以在控制器中访问。控制器内部的代码如下所示：

var value = $scope.arr[0];

Answer 2

您需要为应用添加角度组件。首先添加应用程序的模块，然后添加此范围的控制器。

<html>
    <body ng-app="App">
            <div ng-controller="mainCtrl" ng-init="init()">
                {{arr[0]}}
            </div>
            <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
            <script  type="text/javascript">
                var app = angular.module('App',[]);
                app.controller('mainCtrl', ['$scope', function($scope) {
                  $scope.arr = [];
                  $scope.obj = {};
                  $scope.init = function(){
                    $scope.arr = [1, 2, 3, 4];
                    $scope.obj={x:1};
                  };

                }]);  
                  
            </script>
           

    </body>
</html>

如何使用div DOM元素访问ng-init变量？

2 个答案: