Insert HTML into view from AngularJS controller

If you want to insert HTML into view from AngularJS controller you can use ng-bind-html in the HTML. For Angular 1.x, use ng-bind-html in the HTML:

At this point you would get a attempting to use an unsafe value in a safe context error so you need to either use ngSanitize or $sce to resolve that.

$sce

Use $sce.trustAsHtml() in the controller to convert the html string.

ngSanitize

There are 2 steps:

1. include the angular-sanitize.min.js resource, i.e.:
   <script src="lib/angular/angular-sanitize.min.js"></script>
2. In a js file (controller or usually app.js), include ngSanitize, i.e.:
   angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'ngSanitize'])

If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.

Related Questions & Answers

• How to get all taxonomies of a post type?
• What is Database Black Box Testing?
• Are Hooks slow because of creating functions in render?
• When should add_rewrite_tag() be used?
• Example for builder property in MaterialApp class in flutter
• How to print sum of two numbers in java?
• How to perform an action when post is updated/published in WordPress?
• Most efficient way to add javascript file to specific post and/or pages?
• How to open DropdownButton when other widget is tapped in Flutter?
• How to load external scripts dynamically in Angular?
• How to convert a double to an int in Dart?
• WordPress deregister custom post types
• How do you access parent instance?
• Jest Equality Matcher For Strings That Disregards Whitespace
• Theme Activate Hook