javascript AngularJS 在 textarea 中渲染 HTML

AngularJS Render HTML in textarea

提问by xyonme

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-modelfor data binding can retrieve the value but it is displayed as html.

我需要在文本区域提交表单中呈现 HTML 值。我可以在 a 中绑定 html 值，<div>但不能在 a 中绑定<textarea>。此外，ng-model对于数据绑定可以检索该值，但它显示为 html。

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>

回答by mohamedrias

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

这将允许您同时拥有两种数据绑定并为您提供 textarea 的功能：

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

DEMO

演示