Javascript JS接受表单输入并将该字符串转换为HTML_Javascript_Html_Angularjs

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

javascript html angularjs

Javascript JS接受表单输入并将该字符串转换为HTML,javascript,html,angularjs,Javascript,Html,Angularjs,我正在开发一个用mean-mean堆栈构建的CRUD应用程序，我希望用户能够在表单字段中输入一些基本HTML，并在页面上呈现。例如，当用户填写描述字段时，我希望他们能够输入如下字符串： "<h2>Hello world <br> Hello Universe</h2>" “你好世界你好宇宙” 并让它删除引号以便呈现html。因此，当我将{{model.description}}放入HTML页面时，它会呈现HTML 你好，世界你好，宇宙PLUNK: an

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

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

“你好世界
你好宇宙”

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

你好，世界
你好，宇宙PLUNK:


angular.module（'mySceApp'，['ngSanitize']））
在下面输入您的html

总而言之，您想将html值绑定到视图中吗？请检查以下内容：，如果这是您想要的，请告诉我。@omerfaruk是的，我想这就是我想要的。我不熟悉术语，但这听起来像是我在寻找的东西。@ManuelAzar这不是我想要的。我的应用程序中有一个汽车模型，我有一个“添加汽车”表单将汽车数据提交到我的数据库。我希望用户能够将HTML输入到描述字段并将其保存到数据库，然后能够使用我的{{car.description}呈现该HTML。我不是在寻找一个双向数据绑定，我不认为。谢谢你，这是我正在寻找的。我有点笨，有时候没有正确的术语很难找到答案。不用担心！很乐意帮忙！

 <!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>