Angular 不适用于自定义 html 属性

Question

我有一个在引导程序上编写的导入 css 模板，并希望在 Angular 应用程序中使用它。

似乎完全自定义的 html 属性不会对来自路由器的加载做出反应。

应用特性。这是一个SPA，所有页面都加载在Navbar Component中，并带有相应的router-outlet包装。

问题。任何插件只有在使用浏览器“重新加载此页面”按钮“机械”刷新页面后才会呈现包含的数据。但是，如果我从插件自定义属性更改图像的 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">

Answer 1

你最好使用[attr.data]="name-of-custom-attr"

这样 Angular 可以正确管理自定义 html 属性的使用。