我有一個簡單的問題,但我是初學者,所以我無法理解邏輯,
我有兩個按鈕一個和兩個,當我點擊一個按鈕時,我想顯示其他按鈕而不是一個和兩個按鈕,所以三個和四個?進行切換。
做這個的最好方式是什么?在 html 中使用 if else 是否正確,還是應該將此邏輯移至 ts 檔案?
提前致謝。
html
<div *ngIf="!isButtons">
<button> one</button>
<button> two</button>
</div>
<div>
<button> three</button>
<button> four</button>
</div>
檔案
isButtons:boolean = false;
uj5u.com熱心網友回復:
邏輯很簡單,可以保留在模板中,您的組件中不需要更多代碼。一個簡單的(click)和一個<ng-template>會做的伎倆:
<div *ngIf="!isButtons; else threeAndFour">
<button (click)="isButtons=true"> one</button>
<button> two</button>
</div>
<ng-template #threeAndFour>
<div>
<button> three</button>
<button> four</button>
</div>
</ng-template>
uj5u.com熱心網友回復:
鑒于您的代碼示例,您可以
- 添加
*ngIf="isButtons"到第二個,div以便您處理最終狀態 - 在要觸發更改的按鈕上添加單擊處理程式:
(click)="isButtons = true"
最后的片段:
<div *ngIf="!isButtons">
<button (click)="isButtons = true"> one</button>
<button> two</button>
</div>
<div *ngIf="isButtons">
<button> three</button>
<button> four</button>
</div>
Jeremy Thille 的回答同樣好,但很可能不是初學者可以處理的(ng-template以及更復雜的*ngIf用法)。
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/341110.html
標籤:javascript 有角的 打字稿
上一篇:拿愛奇藝練手Python爬蟲,是在法律邊緣試探嗎?爬蟲技巧學習
下一篇:自定義未定義檢查的打字稿推斷
