ngInclude和ngBindHtml之间的区别

时间:2016-02-16 11:33:30

标签: html angularjs ng-bind-html angularjs-ng-include

ng-includeng-bind-html之间有什么区别?
想象一下基于某些参数的情况html将改变而不是例如图像标签或跨度标签;所以应该有一种机制来添加动态html 例如

<!--dynamichtml : <span class='glyphicon glyphicon-plus'></span>-->
<a ng-include="'dynamichtml.html'"></a> 
<a ng-bind-html="dynamichtml"></a> 

2 个答案:

答案 0 :(得分:2)

ng-bind-html描述如下:

  

评估表达式并将生成的HTML插入元素[...]

另一方面,

ng-include

  

获取,编译并包含外部HTML片段。

ng-bind-html中的值应评估为有效的HTML。 ng-include中的值应评估为有效的URL。

答案 1 :(得分:1)

  

纳克绑定-HTML

如果某个模型包含 string 格式的HTML,则使用

ng-bind-html。在将模型与DOM的模型绑定时,它会在元素中更新,作为其子元素。

  

NG-包括

这会在DOM中添加一个外部html文件。在这里,它不会被绑定,但只会被附加。

这取决于应用程序和模型状态,根据哪个人可以决定使用哪个directive

在此,您可以详细了解ng-bind-htmlng-include