angular 去除html标签,从Angular 4的html中删除主机组件标签

我有一个要在其中显示表行的表，它是一个组件。我也想将数据传递给该组件：

{{item}}

在中my-component，HTML包含一些

从data1和渲染的数据data2。

但是渲染后，由于我的CSS损坏，导致所有my-

componentHTML(整个表格行)都显示在第一列中。

以上结果：

data1.prop1

data1.prop2

{{item}}

我尝试了以下方法：

@Component({

selector: '[my-component]',

templateUrl: 'my-component.html'

})

但这会导致错误Can't bind to 'data1' since it isn't a known property of 'tr'。

我也不能使用，@Directive因为我想呈现HTML。

如何呈现不带标签的模板？

其他答案是角度的早期版本。我正在使用Angular 4.3.4。

任何帮助，将不胜感激..！