AngularJS在textarea中渲染HTML [英] AngularJS Render HTML in textarea

问题描述

我需要在文本区SUBMIT FORM中呈现HTML值。
我可以在< div> 中绑定html值，但不能在< textarea> 。
此外，数据绑定的 ng-model 可以检索该值，但它显示为html。

I need to render HTML values in text area SUBMIT FORM. I can bind the html values in a <div> but not in a <textarea>. Also, ng-model for data binding can retrieve the value but it is displayed as html.

Controller

Controller

//task.descr contains "<br>-------<br><a href="http://www.google.com"..."
var str="<br><hr><br>"+ task.descr;
//str= $sce.trustAsHtml(str);
$scope.formData5 = {
    descr: str}
console.log($scope.formData5);


<textarea placeholder="Deskripsi Memo"  name="descr" 
ngMaxlength="1000" ng-model="formData5.descr" 
ng-bind-html="formData5.descr" > </textarea>

推荐答案

这将允许您将两种数据绑定为以及为您提供textarea的功能：

This would allow you have both two way data binding as well as give you the functionality of textarea:

  <div ng-bind-html="modelname"
         contenteditable="true"
         ng-model="modelname">
    </div>

DEMO

DEMO

这篇关于AngularJS在textarea中渲染HTML的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！