Угловой 2 компонента шаблона
Здравствуйте, я хочу создать пользовательский компонент диалога, и я хочу вставить его содержимое декларативным способом, должен выглядеть следующим образом:
app.action.dialog.component.ts:
@Component({
selector: 'app-action-dialog',
templateUrl: 'app/template/app.action.dialog.component.html'
})
export class ActionDialog {
showing: boolean;
constructor() {
this.showing = false;
}
show() {
this.showing = true;
}
hide() {
this.showing = false;
}
}
app.action.dialog.component.html:
<div id="overlay" class="valign-wrapper"
*ngIf="showing" (click)="hide()">
<div class="container valign">
<div class="card">
<div class="card-content">
<content select="[content]"></content>
</div>
</div>
</div>
</div>
пример использования:
<app.action.dialog>
<div content> example </div>
</app.action.dialog>
Это не работает, как я могу это сделать? Является ли это возможным?