Как в Angular $rootScope передать переменную из шаблона?

Question

[HoHsi]

Добрый день!
Возникла потребность передать в $rootScope Angular'а переменную из шаблона

<script>
      var screens = "[
          'scr1', 
          'scr2', 
          'scr3'
      ]"
</script>

Во время генерации HTML из массива генерируется JSON, который потом должен использоваться в ангуляре.

P.S. знаю, что можно отсылать запрос на JSON на сервер из ангуляра, но хотелось бы минимизировать кол-во запросов к серверу

Answer 1

[bromzh]

хотелось бы минимизировать кол-во запросов к серверу

Так не отправляй их слишком много, в чём проблема? Создаёшь сервис, в нём функцию, которая будет загружать данные, вызываешь эту функцию в контроллере.

UPD
Если уж сайт генерируется извне, то можно сделать так же, как делает плагин angular-templatecache для систем сборок: сгенерировать код, который бы эти данные засовывал в константу:

angular.module('app', [зависимости]); // это ты пишешь сам

// А это должен генерировать сам генератор:
angular.module('app').constant('screens', { 
а сюда вставлять сгенерированные данные в каком-то формате
});

Ну а в ангуляр-коде использовать эту константу по назначению.

Comments

[HoHsi]

HTML генерируется из Jade. В него попадает такой код:

var screens = JSON.parse('!{ JSON.stringify( page.screens ) }');

Это нам позволяет вставить объект в шаблон. Этот объект нужно отдать ангуляру.

[bromzh]

HoHsi: Мда, хороший г-нокод. Ну и зачем тебе ангуляр тогда вообще? В чём проблема записать значения в ангуляровскую константу? Сдаётся, ты даже не понял как и для чего нужен ангуляр.

[HoHsi]

bromzh: смотри, есть лендинг, который генерится из конфига. Я отделяю информацию и текст в конфиг, а в Angular'е оставляю логику, что-бы не раздувать.

Так же я минимизирую кол-во запросов к серверу, что-бы можно было на нем хранить только html файл и отдавать его nginx.

[bromzh]

HoHsi: Ну тогда что мешает сгенерировать что-то типа:
angular.module('app').constant({тут твои данные});
Где 'app' - имя твоего ангуляроского модуля.

[HoHsi]

bromzh: отсутствие знаний, что так можно. Спасибо

[HoHsi]

bromzh: если не трудно, добавьте эту строку в ответ, что-бы если людям было виднее решение

Answer 2

[HoHsi]

Можно сделать так

<script type="application/json" json-data ng-model="screens")>{...<JSON>...}</script>