嘗試以角度實作切換功能,以便在切換按鈕時顯示不同的文本。我的代碼中拋出了錯誤。有什么幫助嗎?代碼如下。
HTML
<tr>
<td>Otto</td>
<td>
<button class="btn-primary text-dark bg-white">
{{isChecked ? 'ACCESS' : 'NO ACCESS'}}
</button>
</td>
<td>
<div class="form-check form-switch">
<input
class="form-check-input"
type="checkbox"
(changed)="isChecked=$event"
checked
/>
</div>
</td>
</tr>
TS
isChecked: boolean;
uj5u.com熱心網友回復:
試試下面的東西
HTML
<tr>
<td>Otto</td>
<td><button class="btn-primary text-dark bg-white">{{isChecked ? 'ACCESS' : 'NO ACCESS'}}</button></td>
<td>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" (change)="getValue()">
</div>
</td>
</tr>
TS
isChecked: boolean = true;
getValue() {
this.isChecked = !this.isChecked;
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/414480.html
標籤:
下一篇:反應原生孩子沒有收到更新的道具值
