如何在视图中使用html元素呈现基本HTML代码

沙吉

我有一个表单html,如下所示:

<div class=\"container\">\r\n\t<div class=\"clearfix row
\">\r\n\t\t<div class=\"col-md-12 column\">\r\n\t\t\t<h3>\r\n\t\t\t\tNew form created\r\n\t\t\t<\/h3
>\r\n\t\t\t<div class=\"form-group\">\r\n\t\t\t\t <label><strong>Enter   name<\/strong><\/label><input
name=\"1430985388220267#enter_name\" id=\"1430985388220267\" class=\"form-control\" grid-name=\"Enter
 name\" type=\"text\" \/>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>

我想在移动应用程序中显示此表单。我已经在离子框架和Cordova中开发了带有角度JS的移动应用程序。当我尝试将表单显示为html时,它将使用诸如标头,粗体,内容之类的基本元素来呈现,但未显示输入标签,否则我可以说html的基本数据输入元素(如复选框,单选按钮)等不显示。我正在这样做:

<ion-view title="Fill the Form">
<ion-content class="padding-vertical" ng-repeat="htmlValue in HTML">
<div ng-bind-html="getHtml(htmlValue)">

</div>
{{htmlValue}}
    <div class="clearfix"></div>
</ion-content>
</ion-view>

我的getHtml函数是这样的:

    $scope.getHtml = function(html){
        var trusted = $sce.trustAsHtml(html);
        return trusted;
    };

我也修改了:

angular.module('iot', ['ionic','chart.js','ngSanitize'])

我将代码从REST响应推送到名为的数组中 HTML

但是我仍然没有获得预期的输出,在这种情况下还剩下什么?任何帮助将不胜感激。

Taiwei Tuan

使用过滤器:

// Filter to enable HTML tags
app.filter('unsafe', function ($sce) {
    return function (val) {
        return $sce.trustAsHtml(val);
    };
});

然后将其与过滤器(在这种情况下为“不安全”)一起包含在HTML标记中,例如:

<!-- i.detail will be your valuable -->
<div ng-bind-html="i.detail | unsafe"></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Codeigniter视图中使用HTML标签?

来自分类Dev

如何在多个文件中使用基本的html代码结构

来自分类Dev

AngularJS:如何在视图中呈现 $scope 变量中的 HTML?

来自分类Dev

如何在自己的视图中使用LoginView并在HTML模板中显示?

来自分类Dev

如何在剃刀视图中使用嵌入 HTML Helper 的扩展方法

来自分类Dev

如何使用从后面的代码传递的HTML更改Web Forms视图中div的html

来自分类Dev

在视图中使用html编码时如何将字符串输出为HTML

来自分类Dev

Symfony表单如何在视图中呈现

来自分类Dev

如何在Portlet视图中呈现网页?

来自分类Dev

如何在HTML代码中使用inlcude和内容块

来自分类Dev

如何在Javascript脚本中使用HTML代码

来自分类Dev

如何在jQuery Autocomplete中使用HTML源代码?

来自分类Dev

如何在HTML href代码中使用php变量?

来自分类Dev

如何在本地html代码中使用javascript脚本

来自分类Dev

如何在excel vba代码中使用无序HTML列表?

来自分类Dev

如何在JavaScript / jQuery函数中使用几个HTML元素?

来自分类Dev

如何在SVG中使用内联HTML元素?

来自分类Dev

如何在HTML中使用href隐藏和显示元素

来自分类Dev

我如何在声明之前在js中使用HTML元素?

来自分类Dev

如何在HTML contenteditable元素中使用datepicker

来自分类Dev

如何在Phantomjs中使用jQuery选择html元素?

来自分类Dev

如何在if语句中使用html元素?

来自分类Dev

如何在 JBPM 7.13 中使用 HTML 表单元素?

来自分类Dev

在 MVC 视图中使用 jQuery 添加 Html.BeginForm

来自分类Dev

如何在视图中使用MVC角色权限?

来自分类Dev

如何在Flask视图中使用多对多字段?

来自分类Dev

如何在MVC视图中使用Bootstrap按钮插件

来自分类Dev

如何在xamarin的列表视图中使用OnItemLongClick

来自分类Dev

如何在视图中使用复杂的ViewModel?

Related 相关文章

  1. 1

    如何在Codeigniter视图中使用HTML标签?

  2. 2

    如何在多个文件中使用基本的html代码结构

  3. 3

    AngularJS:如何在视图中呈现 $scope 变量中的 HTML?

  4. 4

    如何在自己的视图中使用LoginView并在HTML模板中显示?

  5. 5

    如何在剃刀视图中使用嵌入 HTML Helper 的扩展方法

  6. 6

    如何使用从后面的代码传递的HTML更改Web Forms视图中div的html

  7. 7

    在视图中使用html编码时如何将字符串输出为HTML

  8. 8

    Symfony表单如何在视图中呈现

  9. 9

    如何在Portlet视图中呈现网页?

  10. 10

    如何在HTML代码中使用inlcude和内容块

  11. 11

    如何在Javascript脚本中使用HTML代码

  12. 12

    如何在jQuery Autocomplete中使用HTML源代码?

  13. 13

    如何在HTML href代码中使用php变量?

  14. 14

    如何在本地html代码中使用javascript脚本

  15. 15

    如何在excel vba代码中使用无序HTML列表?

  16. 16

    如何在JavaScript / jQuery函数中使用几个HTML元素?

  17. 17

    如何在SVG中使用内联HTML元素?

  18. 18

    如何在HTML中使用href隐藏和显示元素

  19. 19

    我如何在声明之前在js中使用HTML元素?

  20. 20

    如何在HTML contenteditable元素中使用datepicker

  21. 21

    如何在Phantomjs中使用jQuery选择html元素?

  22. 22

    如何在if语句中使用html元素?

  23. 23

    如何在 JBPM 7.13 中使用 HTML 表单元素?

  24. 24

    在 MVC 视图中使用 jQuery 添加 Html.BeginForm

  25. 25

    如何在视图中使用MVC角色权限?

  26. 26

    如何在Flask视图中使用多对多字段?

  27. 27

    如何在MVC视图中使用Bootstrap按钮插件

  28. 28

    如何在xamarin的列表视图中使用OnItemLongClick

  29. 29

    如何在视图中使用复杂的ViewModel?

热门标签

归档