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