HTML - встроенные теги не ссылаются

Question

У меня есть страница, где он загружает некоторые значения из электронной таблицы и отображает значения на странице. (т.е. он может работать с несколькими языками).

Проблема

Когда я помещаю HTML-теги в таблицу, они не применяются.

Пример

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

<div><a href='http://...'>some <br> value</a></div>

Однако, когда он применяется загруженным из электронной таблицы, тег <br> не применяется и остается на одной строке.

<div class="col-xs-12 col-sm-6 pull-right">
    <a ui-sref="open.registration.login.resetPassword"
        class="bmw-command-link bmw-mt-2 bmw-mb-2">{{ 'gcdm-login.forgotten_password' |
        translate }}</a>
</div>

Кроме того, если я обновлю значение в инструментах разработчика Chromes, оно изменится в браузере, но теги html не будут применены. Это как если бы браузер не обновлялся, чтобы применять HTML-теги.

Вопрос

Есть ли способ получить html-теги, считанные из примененной электронной таблицы?

Это проблема синхронизации, означающая, что DOM уже отрендерен и не может быть изменен на лету?

Спасибо

Answer 1

Это действительно зависит от того, какую версию Angular вы используете, но в целом все сводится к одному: вы должны связать свой текст как HTML, используя либо директиву ng-bind-html, либо свойство [innerHTML].

AngularJS

<div class="col-xs-12 col-sm-6 pull-right">
    <a ui-sref="open.registration.login.resetPassword"
        class="bmw-command-link bmw-mt-2 bmw-mb-2" ng-bind-html="'gcdm-login.forgotten_password' | translate"></a>
</div>

Угловой 2-6 :

<div class="col-xs-12 col-sm-6 pull-right">
    <a ui-sref="open.registration.login.resetPassword"
        class="bmw-command-link bmw-mt-2 bmw-mb-2" [innerHTML]="'gcdm-login.forgotten_password' | translate"></a>
</div>

Я также сделал вам рабочий пример здесь .

Answer 2

отлично работает

попробуйте это

<div class="col-xs-12 col-sm-6 pull-right">
  <a ui-sref="open.registration.login.resetPassword" class="bmw-command-link bmw-mt-2 bmw-mb-2">forgotten<br>password</a>
</div>