Using ng-bind-html is hiding words enclosed in "<>"

Question

Using ng-bind-html is hiding words enclosed in "<>"

109 views Asked by MominaAthar At 09 July 2018 at 12:18

I'm trying to create a textbox that takes free text, and shows the text as output. For instance, if I enter "Angular", the result should be Angular. It should appear as is regardless of the characters being used.

For this, I'm using ng-bind-html. The issue I'm seeing is, whenever I add a term enclosed in "<>", the term doesn't appear as a whole. For example, if I enter "<Angular>" the result is "".

How can I display words enclosed in "<>" without using ng-bind-html, but getting the same results?

Original Q&A

There are 1 answers

**SehaxX** · Answer 1 · 2018-07-10T14:25:18+00:00

Possible solution is to encode/decode the tag like <Angular> if you just to want to show as text.

<body ng-app="bindHtmlExample">
  <div ng-controller="ExampleController">
    <p ng-bind-html="myHTML"></p>
  </div>
</body>

And in controller:

(function(angular) {
  'use strict';
angular.module('bindHtmlExample', ['ngSanitize'])
  .controller('ExampleController', ['$scope', function($scope) {
    $scope.myHTML =
       'I am an <code>HTML</code>string with ' +
       '<a href="#">links!</a> and other <em>stuff</em>&lt;Angular&gt;';
  }]);
})(window.angular);

TechQA.

Using ng-bind-html is hiding words enclosed in "<>"

There are 1 answers

Related Questions in ANGULARJS

Related Questions in NG-BIND-HTML

Popular Questions

Popular Tags

Trending Questions