Angular 动态角度2表达式绑定到视图

我正在从某个服务获取部分页面。我如何才能实现角度表达或作为动态内容工作

控制器

 variable = 'some text';
 dynamicContent ='
     {{variable}} 
     Or
     <a  [routerLink]="contact"]></a>';

variable='some text'；
动态内容
{{variable}}
或
';

View.html

<div>
     {{dynamicContent}}//plain text 
     <div [innerHtml]="dynamicContent"></div> //html without angular expressions
</div>

{{dynamicContent}}//纯文本
//不带角度表达式的html

---

所以innerHtml很接近。它可以构建html，但无法理解angular 2表达式。我发现了ng动态模块，但它也不支持html。最好的解决方案是我在一些堆栈问题上找到的html出口。但它不支持AOT…

Angular从不处理动态内容，除非在未消毒的情况下剥离一些与安全相关的内容。角度绑定和组件仅在静态添加到组件模板时进行处理

您可以动态创建组件，将动态内容放入组件模板中

---

另请参见

您应该这样写：

dynamicContent = this.variable + ' Or <a href="#/contact"></a>';

dynamicContent=this.variable+'或'；

---

这是一个plunker:

在你的plunker中检查一下，你使用的是纯html，正如我所说，它工作得很好。问题是当我尝试有角度的双向链接时：变量：dynamicContent=''中仍然是纯html；在我的例子中，我使用的是HTML5推送状态。我的链接没有使用#符号。这就像是一个小问题。动态内容需要放在角度符号中，比如：它似乎可以解决问题。唯一的问题是它如何支持AOT。我会查的，我不知道。我听到的最后一件事是，当导入浏览器动态平台时，AoT不起作用，这在这里是必需的。