Как получить доступ к переменным тепла, используя элемент DOM div?

Question

Как получить доступ к переменным тепла, используя элемент DOM div?

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

Чтобы узнать, как работает ng-init директива under-hood, как мне получить доступ к arr[0] с помощью элемента div DOM?

Amir Shah 10 янв. 2016, в 21:27

Источник

4

Это очень плохая модель - какова ваша конечная игра?
Daniel A. White 10 янв. 2016, в 19:30
0

Вам нужно создать модуль и контроллер с $ scope.
jcubic 10 янв. 2016, в 19:31
0

Как уже упоминалось несколькими людьми, это анит-паттерн. В документации для ng-init четко указано, что вы должны использовать контроллер для инициализации переменных, когда это возможно. Вместо этого вы пытаетесь не инициализировать их в контроллере, но в любом случае использовать их там (что не имеет смысла). Кроме того, ng-app="" даже не является допустимым способом начальной загрузки в любой из текущих поддерживаемых выпусков.
Claies 10 янв. 2016, в 20:49
0

возможно, если бы вы описали, какую проблему вы пытаетесь решить внутри этого <script> , вместо того, чтобы просто спросить, как вы можете получить доступ к чему-то, что там не принадлежит, это может быть не столько вопросом XY.
Claies 10 янв. 2016, в 20:52
0

этот вопрос не объясняет, что вы пытаетесь сделать здесь. Этот вопрос и ответ были написаны не только два года назад, но и против совершенно устаревшей версии angular. Кроме того, он по- прежнему не объясняет, что на самом деле делает <script> , и почему angular не может сделать то, что вы пытаетесь осуществить.
Claies 10 янв. 2016, в 20:57
0

Мне кажется, что вы не совсем понимаете, как функционирует угловой каркас и как применять его методы к проблеме, которую вы пытаетесь решить. Если вы можете объяснить свою проблему, вместо того, чтобы попытаться решить проблему с помощью ng-init , возможно, мы сможем показать вам угловой способ решения проблемы.
Claies 10 янв. 2016, в 21:02
0

@Claies, о какой проблеме ты говоришь? Пожалуйста, прочитайте мой отредактированный вопрос
Amir Shah 10 янв. 2016, в 22:09
0

Я прочитал каждое редактирование. Вы спрашиваете, как использовать что-то для целей, для которых оно не было разработано, и не предоставили ни одной строки кода внутри блока скрипта, чтобы объяснить, почему.
Claies 10 янв. 2016, в 22:16

Показать ещё 6 комментариев

Теги:

javascript

angularjs

dom

ng-init

angularjs-ng-init

2 ответа

Ещё вопросы

Это очень плохая модель - какова ваша конечная игра?
Вам нужно создать модуль и контроллер с $ scope.
Как уже упоминалось несколькими людьми, это анит-паттерн. В документации для ng-init четко указано, что вы должны использовать контроллер для инициализации переменных, когда это возможно. Вместо этого вы пытаетесь не инициализировать их в контроллере, но в любом случае использовать их там (что не имеет смысла). Кроме того, ng-app="" даже не является допустимым способом начальной загрузки в любой из текущих поддерживаемых выпусков.
возможно, если бы вы описали, какую проблему вы пытаетесь решить внутри этого <script> , вместо того, чтобы просто спросить, как вы можете получить доступ к чему-то, что там не принадлежит, это может быть не столько вопросом XY.
этот вопрос не объясняет, что вы пытаетесь сделать здесь. Этот вопрос и ответ были написаны не только два года назад, но и против совершенно устаревшей версии angular. Кроме того, он по- прежнему не объясняет, что на самом деле делает <script> , и почему angular не может сделать то, что вы пытаетесь осуществить.
Мне кажется, что вы не совсем понимаете, как функционирует угловой каркас и как применять его методы к проблеме, которую вы пытаетесь решить. Если вы можете объяснить свою проблему, вместо того, чтобы попытаться решить проблему с помощью ng-init , возможно, мы сможем показать вам угловой способ решения проблемы.
@Claies, о какой проблеме ты говоришь? Пожалуйста, прочитайте мой отредактированный вопрос
Я прочитал каждое редактирование. Вы спрашиваете, как использовать что-то для целей, для которых оно не было разработано, и не предоставили ни одной строки кода внутри блока скрипта, чтобы объяснить, почему.

user4550050 · Answer 1 · 2016-01-10T18-35-00.000Z

Вам нужно добавить в приложение угловые компоненты. Сначала добавьте модуль своего приложения и добавьте контроллер этой области.

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

Roman Hutnyk · Answer 2 · 2016-01-10T16-57-00.000Z

Вы можете получить доступ к нему только в контроллере. Код внутри контроллера будет выглядеть так:

var value = $scope.arr[0];