Question

我的表单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>

此表单我想在移动应用中显示。移动应用程序我开发了离子框架和cordova与角JS。当我试图将表单显示为html时，它将使用基本元素（如标题，粗体，内容等标签）进行渲染，但输入标记未显示，或者我可以说html的基本数据输入元素如复选框，单选按钮等不会显示。我在视图中这样做：

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

我的getHtml函数是这样的：

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

我也修改了：

HTML

我将REST响应中的代码推送到名为int_frmt = lambda x: '<div style="text-align:right">%s</div>' % '{0}'.format(int(round(x))) frmt = {col: int_frmt for col in df.columns if df.dtypes[col] in [np.dtype('int64'), np.dtype('float64')]}

的数组中

但是我仍然没有得到预期的输出在这种情况下还剩下什么？任何帮助都会得到真正的赞赏。

Answer 1

使用过滤器：

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

然后将此包含在HTML标记中以及过滤器（在本例中为“unsafe”），例如：

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

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

1 个答案: