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

Question

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

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

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

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

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

score 0 · Accepted Answer

恐怕您不能，除非您编写自定义指令，例如：

<my-direcive></my-directive>

或者

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

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

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

</body>

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

1 回答 1