2016-04-18 27 views
0

我theHtmlString变量和绑定如下是正确的:Angular2 HTML结合(HTML包含变量)

<div [innerHTML]="theHtmlString"> 
</div> 

但theHtmlString变量包含一些orther变量:

theHtmlString = "<input [(ngModel)]='value'/>"; 

如何绑定HTML它?

+1

@GunterZochbauer说了什么,因此您需要使用['DynamicComponentLoader'](https://angular.io/docs/ts/latest/api/core/DynamicComponentLoader-class.html)执行这个。 – drewmoore

+0

但是我还没有从动态组件加载器中获取数据 – Nguyen

回答

2

你可以使用类似的东西在模板:

<div [innerHTML]="value + 'abc ...'"> 
</div> 

否则,你可以使用大括号这种方式进入你的表情......

3

角不处理HTML添加这种方式。它不解析绑定,也不实例化组件或指令。它按原样传递给浏览器。

+0

那么这是不可能完成的呢? –

+0

我不会说不可能的,但也不是简单的;-)。你可以在运行时创建一个组件,就像http://stackoverflow.com/questions/34784778/equivalent-of-compile-in-angular-2/37044960#37044960中所解释的那样,然后添加这个组件。有一个可立即使用的库,可以更容易地动态创建组件(不记得名称)。目前这与AoT不兼容。 –