1

Есть выводящийся на странице через ng-repeat список элементов из контроллера. При клике по элементу берутся его данные и выводятся в html. Всё стандартно:

<div id="mydiv">{{selected.element}}</div>

Когда я хочу заменить содержимое div на что-то иное, я делаю это через getElementById("mydiv").innerHTML

Но как я могу вернуть в html волшебство ангуляра? Если я пишу

getElementById("mydiv").innerHTML = "{{selected.element}}";

, то оно прямо так в html и вставляет. Будто это просто текст: {{selected.element}}.

9
  • 1
    Вы пробовали getElementById("mydiv").innerText = "{{selected.element}}" 21 окт 2018 в 20:49
  • 1
    чтобы пользоваться ангуляром - не надо пользоваться нативными средствами :-)
    – Grundy
    21 окт 2018 в 21:24
  • @Grundy просто интересно самому, зачем понадобился такой "трюк") 21 окт 2018 в 21:26
  • @ПавелИгоревич, до сих пор есть проекты с легаси кодом, где шаблон приходит с сервера и нужно его таким образом отрендерить, то есть шаблон не лежит в памяти ($templateCache) и загружается по требованию (lazy)
    – arturovt
    21 окт 2018 в 21:33
  • @overthesanity я могу понять то, что сейчас мало кто делает проэкты с 0 на angularJs, но что-бы такие вещи рендерит, слава-богу не встречал )) 21 окт 2018 в 21:34

1 ответ 1

1

Привязка данных раскрывается через ряд директив:

ng-bind: осуществляет привязку к свойству innerText html-элемента

ng-bind-html: осуществляет привязку к свойству innerHTML html-элемента

ng-bind-template: аналогична ng-bind за тем исключением, что позволяет установить привязку сразу к нескольким выражениям

ng-model: создает двустороннюю привязку

ng-non-bindable: определяет участок html-кода, в котором привязка не будет использоваться

В данном случае ng-repeat - это повторение ng-bind это значит, что вам нужно использоват следующий синтаксис :

getElementById("mydiv").innerText = "{{selected.element}}"
3
  • сервис $compile решает такие проблемы на ура
    – arturovt
    21 окт 2018 в 21:19
  • @overthesanity не спорю 21 окт 2018 в 21:21
  • Нет, увы, но innerText проблему не решил. Тот же самый простой текст, да к тому же и html-код вставляемый ({{selected.element}}<br>) отображается с ним, разумеется, тоже как текст. :(
    – Turambar
    22 окт 2018 в 11:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.