Menu
JsFiddle
<script>
angular.module('module', []);
angular.module('module').controller('hello', function($scope) {
$scope.obj = {
"text": "<u>HelloWorld</u>"
};
});
</script>
<body>
<div ng-app='module' ng-controller='hello'>
Current:{{obj.text}}
<br>
<br> Expected:<u>HelloWorld</u>
</div>
</body>
I am trying to read an object stored in a JSON and then print it on my web page.
I have provided a link to the code above.
I am expecting the output to be a string "HelloWorld" which is underline.
ps:
424
You can use ng-bind-html and ng-bind-html-unsafe for that kind of purpose. you have to include ngSanitize from angular-sanitize.
<p ng-bind-html="obj.text"></p>
The example is shown here
190
You want to just use a regular expression like so:
$scope.obj.text = $scope.obj.text.replace(/(<([^>]+)>)/ig,"");
Working fiddle here
1
You need to use the angular-sanitize module:
<script src="path/to/installed/angular-sanitize/angular-sanitize.js"></script>
<script>
angular.module("module", ["ngSanitize"]);
angular.module('module').controller('hello', function($scope) {
$scope.obj = {
"text": "<u>HelloWorld</u>"
};
});
</script>
And your html:
<div ng-app='module' ng-controller='hello'>
Current: <p ng-bind-html="obj.text"></p>
<br>
<br> Expected:<u>HelloWorld</u>
</div>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
