@angular/cdk/portal#CdkPortal TypeScript Examples
The following examples show how to use
@angular/cdk/portal#CdkPortal.
You can vote up the ones you like or vote down the ones you don't like,
and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: tab-body.component.ts From alauda-ui with MIT License | 6 votes |
/** Used to flag tab labels for use with the portal directive */
@Directive({
selector: '[auiTabLabel]',
})
export class TabLabelDirective extends CdkPortal {
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
constructor(
templateRef: TemplateRef<any>,
viewContainerRef: ViewContainerRef,
) {
super(templateRef, viewContainerRef);
}
}
Example #2
Source File: tab-body.component.ts From alauda-ui with MIT License | 6 votes |
/** Used to project additional template from host to the tab header. */
@Directive({
selector: '[auiTabHeaderAddon]',
})
export class TabHeaderAddonDirective extends CdkPortal {
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
constructor(
templateRef: TemplateRef<any>,
viewContainerRef: ViewContainerRef,
) {
super(templateRef, viewContainerRef);
}
}
Example #3
Source File: tab-body.component.ts From alauda-ui with MIT License | 6 votes |
@Directive({
selector: '[auiTabTitle]',
})
export class TabTitleDirective extends CdkPortal {
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
constructor(
templateRef: TemplateRef<any>,
viewContainerRef: ViewContainerRef,
) {
super(templateRef, viewContainerRef);
}
}
Example #4
Source File: dynamic-component.component.ts From halstack-angular with Apache License 2.0 | 5 votes |
@ViewChild(CdkPortal, { static: false }) cdkPortal;
Example #5
Source File: theme-builder-dynamic-component.component.ts From halstack-angular with Apache License 2.0 | 5 votes |
@ViewChild(CdkPortal, { static: false }) cdkPortal;