防止工具提示在轉換HTML實體

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

用於顯示工具提示「PROJECT>」上面的代碼。但我需要顯示的文字是「PROJECT & GT」

有沒有辦法做到這一點？我正在使用角度。

來源

2017-04-03 jengfad

你可以嘗試這樣的事：創建角過濾：

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

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

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

，然後用它作爲：

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

來源

2017-04-03 09:59:47

我已經將這種技術與上面的答案結合起來。謝謝:) – jengfad

@JenniferFadriquela你可以將解決方案標記爲有用嗎？謝謝！ –

您需要在標題中使用編碼的字符串。您可以使用在線工具（如this one）來執行此操作。

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

來源

2017-04-03 08:22:23 George

謝謝您的回答。是否有某種角度的實用功能可以自動將＆符號轉換爲「&」？ – jengfad

一條路可走是從GT的&（或任何其他類似的實體）與這是一個零寬無中斷空格（http://www.codetable.net/hex/feff）分開，像這樣：

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

來源

2017-04-03 08:32:07

防止工具提示在轉換HTML實體

回答

相關問題