在 angular 数据绑定中提供任意 html

Question

我正在创建一个博客，我已经准备好了框架，我可以提供页面等...

我的问题在我的 index.html 主页上我有类似的东西

<html ng-app="BlogApp">
...
<div ng-view></div>
</html>

我的问题是如何将 "rich" 内容放入 ngView。我博客中的 post 不够公式化，无法为每个功能使用 $scope。我脑子里一个post的结构是.

<h1>{{post.title}}</h1>
<p>{{post.date}}</p>
<div>{{post.content}}</div>

其中{{post.content}}是任意的html。我将在 <code>blocks</code> img 标签、链接和文本中包含代码片段。每个 post 将使用其中的一些子集，并且没有强制命令。

我看到有一种方法可以让 angular 呈现原始 html 但这似乎不是 angular 方式。 angular 提供什么机制来处理这种复杂性？

我能想到的唯一其他解决方案是为每个博客创建自定义视图/控制器 post。

Answer 1

你有一个 angular 指令：

<h1>{{post.title}}</h1>
<p>{{post.date}}</p>
<div ng-bind-html="post.content"></div>

记得将 ngSanitize 添加到您的模块中。

Serve arbitrary html in angular data bind