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

时间:2016-03-11 06:35:02

标签: javascript angularjs

这是我的代码

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

在上面的html页面中包含文本字段。当我在<div> <h1> welcome </h1> </div>等文本字段中输入html内容时,我希望将该内容转换为文本,否则将调用mvc controller,就像使用$http服务一样。

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

1 个答案:

答案 0 :(得分:1)

您是否尝试从 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;
}