Angular 2使用标签Div作为组件

时间:2016-06-09 08:53:03

标签: html angular tags

我需要将我的Childcomponent用作名称选择器(div) 问题在我的parentComponent中我有很多标签(DIV) 所以我需要一个技巧来识别我的div(of childComponent) (因为当我使用其他名字时,我需要做一些拖拽和放弃div(默认)我不能使用它)

@Component({
    selector: 'div',
    template: `<div  [innerHTML]="content"></div>`,

})
export class ChildComponent {
    @Input() content:string='';
    }

并且在我父母的html中我把这个

<div [content]="value">

1 个答案:

答案 0 :(得分:0)

我不确定我是否理解了这个问题,但您可以将content属性添加到选择器:

@Component({
    selector: 'div[content]',
    template: `<div  [innerHTML]="content"></div>`,

})
export class ChildComponent {
    @Input() content:string='';
}

然后像

一样使用它
<div [content]="value">

Plunker example