Reputation: 20565
So i have the following HTML:
<p>Mmmhmmmmmm</p>
Very simple (however it does get more advanced than that but for the time being lets use the above as an example)
This value is stored in a $scope
value: $scope.selected.textContent
And so in order to print it i used the following:
<div class="row">
<div class="col-xs-12">
{{$sce.trustAsHtml(selected.textContent)}}
</div>
</div>
However it prints nothing.
if i do the following:
{{$sce.trustAsHtml(selected.textContent) || 'Hello'}}
It prints out Hello
.
Can anyone tell me what im doing wrong?
Upvotes: 0
Views: 653
Reputation: 4230
Use ng-bind-html instead
<div class="col-xs-12" ng-bind-html="htmlHere">
</div>
and in your controller
$scope.htmlHere = $sce.trustAsHtml('<p>test</p>')
Upvotes: 2