指令属性中的HTML

Question

在AngularJS中将HTML字符串作为指令属性传递是一个好主意吗？像这样：

<tile data-content="<b>Some text</b>"></tile>

这只是一个例子，字符串实际上会更长，更复杂。我正在创建tile指令，在单击时显示带有附加内容的模态窗口。我知道这是一个像其他任何一个字符串，但在我看来，有一个更好的方法。

Answer 1

我建议你看看transclusion。有了它，你可以这样做：

<tile>
  <b>Some text</b>
</tile>

我认为这是最合适的

否则，如果内容是动态的，我会把它放在模型中并将其传递给指令。如果没有，那么我会传递一个部分html文件的标识符，该文件将使用$http服务下载和插入。

Answer 2

如果您的模板当前显示为：

<span>{{dataContent}}</span>

将其更改为：

<span ng-bind-html-unsafe="dataContent"></span>

这是一个小提琴FIDDLE来演示