line breaks in string while binding it with angularjs

See https://docs.angularjs.org/api/ng/directive/ngBindHtml along with the posted example:

View:

<div ng-controller="ngBindHtmlCtrl">
 <p ng-bind-html="myHTML"></p>
</div>

Application:

angular.module('ngBindHtmlExample', ['ngSanitize'])

.controller('ngBindHtmlCtrl', ['$scope', function ngBindHtmlCtrl($scope) {
  $scope.myHTML =
     'I am an <code>HTML</code>string with <a href="#">links!</a> and other <em>stuff</em>';
}]);

Note that you need to include the ngSanitize module.

You can't just bind html in your strings. Try something like this instead.

<div ng-bind-html-unsafe="thirdContainHeaderOneTitle"></div>

That should parse out your HTMl and give the effect you want.

You cannot sent any html code through the $scope

Its better you use a directive and inside of that , there will be a template, then you can send any html you want like this :

  app.directive('yourdirective',function(){
      return {
        restrict:"E",
        template:"my" + "<br>" + "hdjsd"
        } 
   });

and in your html :

 <yourdirective></yourdirective>