您好我想创建一个自定义对话框组件,我想以声明方式插入它内容,应该如下所示：
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>
这不起作用,我该怎么做？可能吗？
我正确理解你的问题(向另一个组件提供一些内容),我认为你可以利用ng-content：
@Component({
selector: 'field',template: `
<div>
<ng-content></ng-content>
</div>
`
})
export class FormFieldComponent {
(...)
}
并使用这样的组件：
<field> <input [(ngModel)]="company.address.street"/> </field>
希望它能解读你,蒂埃里
