Render data as html
No edit summary
No edit summary
Line 17: Line 17:
We then bind like this:
We then bind like this:
  <nowiki><div ng-bind-html="<normal identifier> | rawHtml"></div></nowiki>
  <nowiki><div ng-bind-html="<normal identifier> | rawHtml"></div></nowiki>
[[File:2018-09-30 10h50 56.png|none|thumb|795x795px]]

Revision as of 18:38, 30 September 2018

If your data contains html markup and you want the browser to render the html go like this:

Column: IsStatic = True , TaggedValue DataIsHtml=True

Implementation

In Razor the implementation use

Html.Raw(<normal bind>)

In AngularJS it is more complex due to security concerns:

Must inject service $sce. $sce is a service that provides Strict Contextual Escaping services to AngularJS.

We must also use a filter to say that data is trusted as html:

.filter('rawHtml', ['$sce', function($sce)
{  
  return function(val) {    return $sce.trustAsHtml(val);  }; 
}]);

We then bind like this:

<div ng-bind-html="<normal identifier> | rawHtml"></div>
2018-09-30 10h50 56.png
This page was edited 96 days ago on 02/10/2024. What links here