在Angular 2中抑制主机属性渲染

Question

我有一个具有?属性的Angular组件。

title

当应用程序运行时，呈现的标记包含// component code @Input('title') public title: string // usage <dialog [title]="bar"></foo> 属性：

title

有没有办法压制这个？我确实需要input属性，但我不需要在生成的HTML中进行渲染。

Answer 1

可以通过Renderer.setElementAttribute方法更改给定组件的呈现。将属性设置为null会将其从渲染的DOM中删除。

constructor (private _elRef: ElementRef, private _renderer: Renderer) {}

ngOnInit() {
    this._renderer.setElementAttribute(this._elRef.nativeElement, 'title', null);
}