Question

我正在开发一个使用平均MEAN堆栈构建的CRUD应用程序，我希望用户能够在表单字段中输入一些基本的HTML并让它在页面上呈现。例如，当用户填写说明字段时，我希望他们能够输入如下字符串：

"<h2>Hello world <br> Hello Universe</h2>"

并删除引号，以便呈现html。因此，当我将{{model.description}}放入我的HTML页面时，它会呈现HTML。

你好世界的Hello Universe

Answer 1

PLUNK：https://stackoverflow.com/a/19916608/3895126

 <!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@1.5.0" data-semver="1.5.0" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.5.8/angular-sanitize.min.js"></script>
    <script>
      angular.module('mySceApp', ['ngSanitize'])

    </script>
  </head>

  <body ng-app="mySceApp">
    <p>Enter your html below.</p>
<input ng-model="userHtml" aria-label="User input">
<div ng-bind-html="userHtml"></div>
  </body>
  </html>

Angular.JS接受表单输入并将该字符串转换为HTML

你好世界的Hello Universe

1 个答案: