Prevent tooltip in converting HTML Entities

Question

 <input ng-model="test" placeholder="pre" type="text" title="PROJECT&GT" /> 

The above code for tooltip displays "PROJECT>". But what I need is to display the text as is "PROJECT&GT"

Is there a way to do this? I'm using angular.

Answer 1

You need to use the encoded string in the title. You can use online tools such as this one to do this.

 <input ng-model="test" placeholder="pre" type="text" title="PROJECT&amp;GT" /> 

Answer 2

you can try something like this: create angular filter :

angular.module('ppvApp.event').filter('escapeHtml', function() {

    var charMap= {
        "&": "&",
        "<": "&lt;",
        ">": "&gt;",
        '"': '&quot;',
        "'": '&#39;',
        "/": '&#x2F;'
    };

    return function(str) {
        return String(str).replace(/[&<>"'\/]/g, function(s) {
            return charMap[s];
        });
    }
});

and then use it as:

 <input ng-model="test" placeholder="pre" type="text" title="{{'PROJECT&GT' | escapeHtml}}" />

Answer 3

One way to go is to separate the & from the GT (or any other similar entity) with a  which is a Zero Width No-Break Space ( http://www.codetable.net/hex/feff ), like this:

 <input ng-model="test" placeholder="pre" type="text" title="PROJECT&&#xfeff;GT" />