像普通变量一样在 Angular Js 中渲染 HTML 内容

【问题标题】：Render HTML content in Angular Js like normal variable像普通变量一样在 Angular Js 中渲染 HTML 内容
【发布时间】：2015-01-26 11:37:51
【问题描述】：

我必须使用 AngularJS 渲染 HTML 内容，我可以这样做

<div ng-bind-html="myHtmlContent"></div>

它可以工作，但我唯一的问题是我不想在字符串中渲染它，我宁愿它只在我想要渲染它的地方渲染它。例如

<div>
<h2>{{page.ttitle}}</h2>
{{myHtmlContent}}
</div>

就像这里，我不想添加另一个 div，并在里面加载 myHtmlContent。有没有办法做到这一点？

【问题讨论】：

【解决方案1】：

恐怕你不能，除非你写你的自定义指令：

<my-direcive></my-directive>

或

 <my-direcive var="myHtmlContent"></my-directive>

您也可以将所有指令放在一个元素中，例如

<body ng-app="bindHtmlExample" ng-controller="ExampleController" ng-bind-html="myHTML">

</body>

这可能不是最佳做法，但应该可行。

【讨论】：