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

Question

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

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

它有效，但我遇到的唯一问题是我不想在字符串中呈现它，我宁愿它只在我想呈现它的地方呈现它。例如

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

像这里，我不想再添加一个div，在里面加载myHtmlContent。有办法吗？

Answer 1

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

<my-direcive></my-directive>

或

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

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

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

</body>

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

Render HTML content in Angular Js like normal variable