我正在嘗試構建一個帶有角度搜索功能的工具列。例如 ：
這個部門就像：
<div class="toolbar">
<div class="search">search field</div>
<div class="otherElements">
<div class="search-btn"><button>search</button></div>
<div class="bookmark">bookmark_icon</div>
<div class="otherIcons">other icons</div>
</div>
</div>
在這里，.search將保持隱藏。如果我單擊search-btn然后.search將顯示將覆寫整個工具列。我可以使用 [hidden] 隱藏按鈕單擊時的 div，但問題是.search并沒有覆寫整個地方。現在它是這樣的：
如果我點擊搜索按鈕：
我想要的是：
如果按下搜索按鈕，
我希望搜索欄覆寫整個區域。.toolbar
我對css的了解較少
這是一個最小的例子
uj5u.com熱心網友回復：
在嘗試根據某些條件顯示或隱藏元素時，嘗試使用 Angular ngIf 而不是使用 css 類，如下所示：
<div class="toolbar">
<div class="search" *ngIf="!searchItem">search field</div>
<div class="otherElements" *ngIf="searchItem">
<div class="search-btn"><button>search</button></div>
<div class="bookmark">bookmark_icon</div>
<div class="otherIcons">other icons</div>
</div>
在您的示例中，您還必須在.input元素上設定 100% 的寬度以使其覆寫整個站點，如下所示：
input: { width: 100% }
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/465670.html
標籤：javascript 有角度的 打字稿