Difference between ngBind, ngBindHtm & ngBindTemplate in Angular JS [closed]

Answer 1

ng-bind

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 and in your controller give a value for name as $scope.name = "John". This will result in John. But you can't use multiple values to bind in a single html element. For example

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

This will not give the result as John D only bind first_name. So for binding multiple values we can use ng-bind-template

ng-bind-template

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

This results in John D But you can't render an html tag in this both. For rendering html template we can use ng-bind-html.

ng-bind-html

$scope.name = "John";

This will result in John instead of showing John . That means it renders the html instead of showing html tag.

Click this link to view example