Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度2:嵌套子组件灵活_Angular - Fatal编程技术网

Angular 角度2:嵌套子组件灵活

Angular 角度2:嵌套子组件灵活,angular,Angular,我从父端搜索了一个在子组件中包含html标记的选项,如 父组件: <child><button>+</button></child> <form> <input /> <!-- insert button here --> </form> + 子组件: <child><button>+</button></child> <form&

我从父端搜索了一个在子组件中包含html标记的选项,如

父组件:

<child><button>+</button></child>
<form>
  <input />
  <!-- insert button here -->
</form>
+
子组件:

<child><button>+</button></child>
<form>
  <input />
  <!-- insert button here -->
</form>


我知道这在react中是可能的,但如何在Angular 2中实现呢?

查看我制作的Plunker的工作演示:

{{}

我只是使用
@Input
装饰器发送了这段简单的HTML
这段粗体HTML文本作为字符串来自父级
,然后我使用带有属性绑定的
[innerHTML]
属性呈现HTML

下面是Plunker中粗体文本呈现方式的快照: