我有一個自定義 JS 檔案，它在 div 標簽上顯示一個倒計時欄。這是 html 代碼：
組件.html
<div data-countdown="2021-11-05"></div>
在我的組件中，為簡單起見，我有一個日期值，假設如下：
組件.ts
dateValue : any = '2021-08-08'
我希望將此 dateValue 系結到data-countdown的 html 屬性值。
雖然在嘗試這個時：
<div [data-countdown]="dateValue"></div>
或這個
<div data-countdown="{{dateValue}}"></div>
我收到一個編譯錯誤說：
無法系結到“data-countdown”，因為它是“div”的已知屬性。
我想保持相同的 html 編碼，而不是在我的組件中呼叫 js 邏輯，有什么方法可以將動態值傳遞給 div 標簽的資料倒計時？
uj5u.com熱心網友回復：
要使用屬性系結，試試這個：
<div attr.data-countdown="{{dateValue}}"></div>
或者
<div [attr.data-countdown]="dateValue"></div>
uj5u.com熱心網友回復：
使用屬性。那么您的特定屬性應該與 div 一起使用。
<div [attr.data-countdown]="dateValue"></div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/349610.html