简体   繁体   English

AngularJS在textarea中渲染HTML

[英]AngularJS Render HTML in textarea

I need to render HTML values in text area SUBMIT FORM. 我需要在文本区域“提交表格”中呈现HTML值。 I can bind the html values in a <div> but not in a <textarea> . 我可以将html值绑定在<div>但不能绑定在<textarea> Also, ng-model for data binding can retrieve the value but it is displayed as html. 同样,用于数据绑定的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>

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 DEMO

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM