1. 程式人生 > >Angular6實現繫結HTML自定義屬性的值以及CSS中background屬性的資料繫結

Angular6實現繫結HTML自定義屬性的值以及CSS中background屬性的資料繫結

今天用Angular6在整合網上一個程式碼的時候,他的程式碼的一個HTML標籤有幾個自定義標籤,然後我以為轉換到Angular後和不是自定義標籤一樣直接加[]就可以了,但是一直報錯。

這裡顯示沒有這個屬性

 解決方案:去除[]並且加上attr.就可以了

 

關於CSS中background屬性的資料繫結,可以用下面程式碼:

 [style.backgroundImage]="'url('+ 圖片地址 +')'"

寫了這個程式碼也會出現一個問題,不能直接用no-repeat,可以這樣來加:

style="background-repeat: no-repeat;"