javascript - AngularJS 在文本区域中渲染 HTML

标签 javascript html angularjs

我需要在文本区域提交表单中呈现 HTML 值。 我可以将 html 值绑定(bind)在 <div> 中但不在 <textarea> 中。 另外,ng-model数据绑定(bind)可以检索值,但显示为 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>

最佳答案

这将允许您拥有两种方式的数据绑定(bind),并为您提供文本区域的功能:

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

<强> DEMO

关于javascript - AngularJS 在文本区域中渲染 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28911256/

相关文章:

angularjs - 如何等待 Angular2 处理动态多个 Http 请求?

html - 如何将这两个词分成两行

PHP - 从 html 复选框中选择 sql

javascript - AngularJS - 与 mongodb 的交互

javascript - dabeng 组织结构图 Php Mysql Ajax

javascript - Highstock - 自定义tickPositioner和tickInterval

html - CSS3打字效果在最后切掉一些文字

python - 在 flask 上是否有效?

javascript - 使用 KnockoutJS 绑定(bind)动态创建的表条目

javascript - 通过 redux/redux-thunk 发布到 mongoDB