加载/存储ndDialog模板的最佳方法？

Question

我正在使用ngDialog显示带有警告消息的模态窗口。

我有模态窗口工作，但代码看起来很乱。

我想知道是否可以用html文件的链接替换原始html模板，而不是在函数本身中编写HTML。

   $scope.openDialog = function(components) {
            $scope.selected = components.component;
            ngDialog.open({
                template: '<h4>' + 'Alert' + '</h4>' + 
                          '<table class="table">' +
                          '<tr><th>Type</th><td>' +  components.type + '</td></tr>' +
                          '<tr><th>Component</th><td>' +  components.component + '</td></tr>' +
                          '<tr><th>Created</th><td>' +  components.created + '</td></tr>' +
                          '<tr><th>Alert</th><td>' + components.alert + '</td></tr>'+                     
                          '</table>',
                plain: true
            });
        };

Answer 1

是的，只需使用templateUrl而不是模板。

$scope.openDialog = function(components) {
        $scope.selected = components.component;
        ngDialog.open({
            templateUrl: 'yourfilename.html',
            plain: true
        });
    };