How to parse html tags inside string in angular js

Question

in controller i have a variable say $scope.question.

$scope.question = "Hi this is <br/> book";

In html page is access this variable like {{question}}.

<div class="question">
        1. {{question}}
</div>

i want the output with line break... But instead it display as string... how to parse the html tags.

Answer 1

You should use ng-bind-html directive. To utilise that you need to:

//1. given
.controller('AppController', [
  function() {
   $scope.SomeHtml = '<b>some html</b>';


//2. use ng-bind
 <div ng-bind-html="SomeHtml"></div>

Check the demo from official AngularJS documentation on plnkr.co.