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属性的使用。

Angular不适用于自定义html属性

1 个答案: