Angular不适用于自定义html属性

Question

我在bootstrap上编写了一个导入的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">

Answer 1

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

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