Question

我在数据库中收到了电子邮件。这些电子邮件是用CSHTML编写的。我想在我的网页（使用AngularJS）中在IFrame中显示它们（因为没有其他工作），就像电子邮件中的预览一样。以下是代码中的电子邮件示例。

{
    "process": {
        "mappings": {
            "logs": {
                "properties": {
                    "channel": {
                        "type": "string"
                    },
                    "context": {
                        "type": "object"
                    },
                    "datetime": {
                        "type": "date",
                        "format": "dateOptionalTime"
                    },
                    "extra": {
                        "type": "object"
                    "level": {
                        "type": "long"
                    },
                    "level_name": {
                        "type": "string"
                    },
                    "message": {
                        "type": "string"
                    }
                }
            }
        }
    }
}

如果我用srcdoc在一个简单的iframe中显示它们，它看起来很丑陋，有很多\ r和\ n的。

Answer 1

你必须有办法做到这一点。要么使用.html格式保存此文档，并将源URL指定为直接iframe，如下所示：

$scope.tabs = [{ title: 'Document 1', content: '<iframe src="../data/data.html"  width="1000" height="900"></iframe>' }];

通过ajax调用获取html内容的另一种方法，如：

myApp.controller('TabsCtrl', function ($scope, $window, $http, $sce) {
   var url = "../data/data.html";
   $http.get(url).success(function(data, status) {
        $scope.myData= $sce.trustAsHtml(data); // for html parsing
    });
});

html看起来像这样

  <uib-tabset active="active">
    <uib-tab index="0" heading="Static title"><div ng-bind-html="myData"></div></uib-tab>
  </uib-tabset

在网页中查看带角度的cshtml代码

1 个答案: