我從Stackblitz檢索到代碼
我不明白這一行：
[style.height.px]="menu.active?submenu.scrollHeight: 0">
有沒有辦法用另一種語法寫這個？
這是代碼
<ul class="submenu" #submenu
[style.height.px]="menu.active ? submenu.scrollHeight : 0">
<li *ngFor="let submenu of menu.submenu">
<a [href]="submenu.url">{{ submenu.name }}</a>
</li>
</ul>
uj5u.com熱心網友回復：
您可以使用ngStyle屬性指令來做到這一點：
[ngStyle]="{ 'height.px': menu.active ? submenu.scrollHeight : 0 }"
所以最終的代碼將如下所示：
<ul class="submenu" #submenu [ngStyle]="{ 'height.px': menu.active ? submenu.scrollHeight : 0 }">
<li *ngFor="let submenu of menu.submenu">
<a [href]="submenu.url">{{ submenu.name }}</a>
</li>
</ul>
作業示例
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/444510.html
標籤：javascript html css 有角度的 打字稿
上一篇：根據字串屬性從聯合中獲取型別