Angular не работает с пользовательскими атрибутами html - PullRequest
Новая
       5

Angular не работает с пользовательскими атрибутами html

0 голосов
/ 05 июля 2018

У меня есть импортированный шаблон CSS, написанный на начальной загрузке, и я хочу использовать его в приложении Angular.

Похоже, что точно определенные атрибуты html не реагируют на загрузку с маршрутизатора.

Характеристики приложения. Это SPA, и все страницы загружаются в компонент Navbar с соответствующей упаковкой на выходе из маршрутизатора.

Проблема. Любой плагин будет отображать включенные данные только после «механического» обновления страницы браузером с помощью кнопки «Обновить эту страницу». Но если я изменю src для изображения из пользовательского атрибута плагина, например 

data-background="assets/images/slider_1.jpg"

до 

img src="assets/images/slider_1.jpg"

, он будет загружен и показан с первого раза.

Пример плагина карты. Ничего не показывает. 

    <div class="maps-container map-widget m-b-25">
    <div class="map" data-addresses="[4.4, -4.4]" 
         data-icon="assets/images/map-marker.png" 
         data-zoom="16" data-street-view="1">
    </div>
    </div>

Пример плагина слайдера. Нет фонового изображения. 

  <section class="module-cover parallax text-center" 
data-background="assets/images/slider_1.jpg" 
data-overlay="0.5">
    <div class="container">
    <div class="row">
    <div class="col-lg-12">
    <h1>This is title</h1>
    </div>
    </div>
</section>

Пример элемента сетки для блога. Здесь следует стиль каменной кладки, но он выглядит как строгая сетка. 

  <section class="module-cover parallax text-center" 
data-background="assets/images/slider_1.jpg" 
data-overlay="0.5">

1 Ответ

0 голосов
/ 05 июля 2018

Вам лучше использовать [attr.data]="name-of-custom-attr"

Таким образом angular правильно управляет использованием пользовательских атрибутов html.

...