Please allow ads on our site
Please log in to access this content. You will be redirected to the login page shortly.
LoginInsert HTML into view
General Tech Bugs & Fixes 2 years ago
Posted on 16 Aug 2022, this text provides information on Bugs & Fixes related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.
manpreet 2 years ago
For Angular 1.x, use ng-bind-html in the HTML:
ng-bind-html="thisCanBeusedInsideNgBindHtml"> 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.
$scope.thisCanBeusedInsideNgBindHtml = $sce.trustAsHtml(someHtmlVar);ngSanitize
There are 2 steps:
-
include the angular-sanitize.min.js resource, i.e.:
-
In a js file (controller or usually app.js), include ngSanitize, i.e.:
angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'ngSanitize'])
manpreet![Tuteehub forum best answer]()
Best Answer
2 years ago
Is it possible to create an HTML fragment in an AngularJS controller and have this HTML shown in the view?
This comes from a requirement to turn an inconsistent JSON blob into a nested list of
id : valuepairs. Therefore the HTML is created in the controller and I am now looking to display it.I have created a model property, but cannot render this in the view without it just printing the HTML.
Update
It appears that the problem arises from angular rendering the created HTML as a string within quotes. Will attempt to find a way around this.
Example controller :
Example view :
Gives :