javascript - 如何从 $mdDialog 中的 URL 打开页面？

Question

我有以下 Angular Controller :

.controller('DialogController', function($scope, $mdDialog, $http) {
    $scope.status = '  ';
    $scope.showAdvanced = function(ev) {
        $mdDialog.show({
            controller: DialogController,
            template: '<md-dialog>' +
                '  <md-dialog-content>' +
                '    {{data}}' +
                '  </md-dialog-content>' +
                '</md-dialog>',
            parent: angular.element(document.body),
            targetEvent: ev,
            clickOutsideToClose:true
        })
        function DialogController($scope, $mdDialog) {
            $http.get('http://www.example.com/page/test/test?id=10475').success(function(data) {
                $scope.data = data;
                $scope.closeDialog = function() {
                    var mainApp = angular.element(document.body).controller();
                    $mdDialog.hide();
                }
            }).error(function(data, status, headers, config) {
                console.log("Error in retrieving data from server");
            });
        }
    };
});

我想从对话框中的 URL 打开一个页面。我尝试获取该页面，但获得了页面的完整 HTML。如何从 $mdDialog 内的 URL ($http.get) 打开页面，就像 iframe 一样？

Answer 1

将数据绑定(bind)添加到您的模板“dialog1.tmpl.html”，例如对话框1.tmpl.html

...
{{serverTemplate}}
...

并在 Controller 中获取标记后设置

$http.get('http://www.example.com/page/test/test?id=10475').success(function(data) {
    $scope.serverTemplate = data;
    ...