2026-06-23 20:01:45 +08:00
|
|
|
<FancyButton [label]="title">
|
|
|
|
|
@content(icon) {
|
|
|
|
|
<span>Icon!</span>
|
|
|
|
|
}
|
|
|
|
|
@content(description) {
|
|
|
|
|
<span>Description text</span>
|
|
|
|
|
}
|
|
|
|
|
<span>Other children</span>
|
|
|
|
|
</FancyButton>
|
2026-06-30 09:05:20 +08:00
|
|
|
|
|
|
|
|
<FancyButton [label]="title">
|
|
|
|
|
@content (items; let item, index) {
|
|
|
|
|
<span>#{{index}}: {{item}}</span>
|
|
|
|
|
}
|
|
|
|
|
</FancyButton>
|
|
|
|
|
|
|
|
|
|
<FancyList>
|
|
|
|
|
@content (renderHeader; let _) {
|
|
|
|
|
<span>Header Content</span>
|
|
|
|
|
}
|
|
|
|
|
</FancyList>
|
|
|
|
|
|
|
|
|
|
<FancyTable>
|
|
|
|
|
@content (renderRow; let row, idx, isLast) {
|
|
|
|
|
<span>{{ idx }} - {{ row }} (Last: {{ isLast }})</span>
|
|
|
|
|
}
|
|
|
|
|
</FancyTable>
|
|
|
|
|
|
|
|
|
|
<DynamicIf [injector]="injector" [cond]="visible">
|
|
|
|
|
@content (children; let result) {
|
|
|
|
|
<child>{{ result }}</child>
|
|
|
|
|
}
|
|
|
|
|
</DynamicIf>
|