Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 指令属性中的HTML_Angularjs_Angularjs Directive - Fatal编程技术网

Angularjs 指令属性中的HTML

Angularjs 指令属性中的HTML,angularjs,angularjs-directive,Angularjs,Angularjs Directive,在AngularJS中将HTML字符串作为指令属性传递是一个好主意吗?像这样: <tile data-content="<b>Some text</b>"></tile> 这只是一个例子,字符串实际上会更长更复杂。我正在创建一个tile指令,该指令在单击时显示一个带有附加内容的模式窗口。我知道这是一根和其他弦一样的弦,但在我看来,还有更好的方法 我建议你看看。有了它,你可以做到: <tile> <b>Some te

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

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


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

我建议你看看。有了它,你可以做到:

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

一些文本
我认为这是最恰当的


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

如果您的模板当前显示:

<span>{{dataContent}}</span>
{{dataContent}
将其更改为:

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


这里有一个小提琴来演示

我们应该看看ng bind html又名ngSanitize