Difference between ngBind, ngBindHtml & ngBindTemplate in Angular JS


entocort 2mg 25i-nbome ngBind is used to replace the text content of the specified HTML element with the value of a given expression. For example if you have an html as follows <b ng-bind="name"></b> and in your controller give a value for name as $scope.name = "John". This will result in <b>John</b>. But you can’t use multiple values to bind in a single html element. For example

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

This will not give the result as <b>John D</b> http://medisphereresearch.com/wp-content/plugins/nex-forms/js/bootstrap.min.js?ver=4.6.1 only bind first_name. So for binding multiple values we can use ng-bind-template


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

<b ng-bind-template="first_name second_name"></b>

This results in go here <b>John D</b> But you can’t render an html tag in this both. For rendering html template we can use ng-bind-html.


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

This will result in http://anthonyeliohyeah.com/here-have-some-photos-of-french-stewart/ John instead of showing <b>John</b> . That means it renders the html instead of showing html tag.

Click this link to view example