0

以下のコードでは、変数はng-initディレクティブを使用して定義されており、角度式はそれらの変数へのアクセスを提供します。

    <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)に直接バインドされていることを知りました。

ディレクティブの内部動作を知るには、DOM 要素を使用ng-initしてアクセスするにはどうすればよいですか?arr[0]div

4

2 に答える 2

0

コントローラーでのみアクセスできます。コントローラー内のコードは次のようになります。

var value = $scope.arr[0];
于 2016-01-10T19:39:50.847 に答える
0

Angular コンポーネントをアプリに追加する必要があります。最初にアプリのモジュールを追加してから、このスコープのコントローラーを追加します。

<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>

于 2016-01-10T19:47:05.330 に答える