[英]Covalent Angular move to own component
也許我正在嘗試完全錯誤的操作,但是例如,我想將工具欄內容移動到自己的組件中。 之前:
<td-layout-nav navigationRoute="/">
<div td-toolbar-content layout="row" layout-align="start center" flex>
<button mat-icon-button td-menu-button tdLayoutToggle>
<mat-icon>menu</mat-icon>
</button>
<td-search-box class="pad-top-xs" backIcon="search" placeholder="Search here" [showUnderline]="false" [debounce]="500" [alwaysVisible]="false">
</td-search-box>
<button mat-button [matMenuTriggerFor]="menu">Menu</button>
<mat-menu #menu="matMenu">
<button mat-menu-item>Item 1</button>
<button mat-menu-item>Item 2</button>
</mat-menu>
<a mat-icon-button matTooltip="Docs" [routerLink]="" href="https://teradata.github.io/covalent/" target="_blank">
<mat-icon>chrome_reader_mode</mat-icon>
</a>
</div>
and my goal is something like
<td-layout-nav navigationRoute="/">
<my-own-toolbar-component></my-own-toolbar-component>
這是因為內容現在由組件選擇器中的附加div包圍。 但是有可能克服這個問題嗎? 還是我的目標完全錯誤? 這是一個分叉的Stackblitz,顯示了我的問題。
這可以通過使用組件上的td-toolbar-content
屬性來完成。
<td-layout-nav navigationRoute="/">
<my-own-toolbar-component td-toolbar-content></my-own-toolbar-component>
...
</td-layout-nav>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.