如何在angularjs中将html标签转换为文本

How to convert html tags to text in angularjs?

本文关键字:标签 转换 文本 html 中将 angularjs      更新时间:2023-09-26

这是我的代码

<input type="text" ng-model="data.htmlcode" />
$scope.data={};

当我在该文本字段中输入HTML内容时,例如<div> <h1> welcome </h1> </div>,该内容我想转换为文本,否则将调用MVC controller就像使用$http服务一样。

eg:- $http.post("/controller/action?data="+$scope.data)

您是否正在尝试从 data.htmlcode 中的字符串中删除 html?此代码可能会对您有所帮助

function stripHTML(s) {
   var holder = document.createElement('div');
   holder.innerHTML = s;
   return holder.innerText;
}

<div> <h1> welcome </h1> </div> 

只需打印出欢迎

但是,如果您尝试转义 html 字符串,例如返回

&lt;div&gt; &lt;h1&gt; welcome &lt;/h1&gt; &lt;/div&gt;

这个函数可能会帮助你

function encodeHTML(s) {
   var holder = document.createElement('div');
   holder.innerText = s;
   return holder.innerHTML;
}