在離子和html如何訪問屬性的合成名稱

我想顯示我的按鈕與我的對象中的背景色稱爲「.color」。在離子和html如何訪問屬性的合成名稱

{{act.color}}

顯示爲「＃FF00FF」和工作正常，

style="background-color:#ff00ff"

作品也。但突出顯示的代碼會導致錯誤。

<ion-list> 
    <ion-item ion-item *ngFor="let act of questions.qs; let i = index"> 
    {{act.quote}} 
    {{act.color}} 
    <div [ngSwitch]="act.type"> 
     <div *ngSwitchCase="'1to10'"> 
     <button large ion-button style="background-color:#ff00ff">1</button> 
     **<button large ion-button style="background-color:"+{{act.color}}>2</button>** 
     <button large ion-button>2</button> 
     <button large ion-button>3</button> 
...

該錯誤是

錯誤./CreateSinglePermPage類CreateSinglePermPage - 引起的：未能執行 '的setAttribute' 上 '元素'： '+ {{act.color}}' 不是一個有效的屬性名稱。

如何從我的對象在html中訪問我的顏色值？

非常感謝:)

來源

2017-05-24 Jason Bullen

可以動態設置背景顏色像下面

<button large ion-button [style.background-color]="act.color">2</button>

來源

2017-05-24 09:08:25 SAJ

使用[]當你從綁定組件的變量。

另外background-color有一個連字符，所以你需要單引號。

嘗試：

<button large ion-button [style]="'background-color':act.color">2</button>

來源

2017-05-24 09:04:04

在離子和html如何訪問屬性的合成名稱

回答

相關問題