angularjs – AngBind中ngBind,ngBindHtm和ngBindTemplate之间的差异

ngBind用于使用给定表达式的值替换指定HTML元素的文本内容。例如，如果你有一个html，如下所示< b ng-bind =“name”>< / b>并在您的控制器中给出名称为$ scope.name =“John”的值。这将导致< b> John< / b>。但是您不能在单个html元素中使用多个值进行绑定。例如

$scope.first_name = "John";
$scope.second_name = "D";
<b ng-bind="first_name second_name"></b>

这不会将结果作为< b> John D< / b>只绑定first_name。因此，为了绑定多个值，我们可以使用Ng-bind-template

NG-绑定模板

$scope.first_name = "John";
 $scope.second_name = "D";

<b ng-bind-template="{{first_name second_namE}}"></b>

这导致< b> John D< / b>
但是您无法在这两个表单中呈现html标签。对于渲染html模板，我们可以使用Ng-bind-html。

NG绑定，HTML

$scope.name = "<b>John</b>";
<div ng-bind-html="name"></div>

这将导致John而不是显示< b> John< / b> 。这意味着它呈现html而不是显示html标签。

点击此链接查看example