0

我正在使用https://github.com/nakupanda/bootstrap3-dialog在我的 web 应用程序上显示对话框。

$scope.importFileWithSettings = function(){
                BootstrapDialog.show({
                        type: BootstrapDialog.TYPE_INFO,
                        message: "<div ng-include=\"'importform.html'\"></div>",
                        title: 'Title',
                });
            }; 

importform.html 位于同一目录中。当对话框显示时,它不显示 importform.html 内容。如何做对(我对 angularJS 和 bootsrap 比较陌生)?

4

2 回答 2

1

您可以使用 angularjs 的脚本组件,这是包含模板的最佳方式...

<script type="text/ng-template" id="exampleTemplateId">
   Content of the template.
</script>

然后在你的ng-include指令中使用它的 id

<div ng-include=\"'exampleTemplateId'\"></div>

有关更多详细信息,您可以查看文档

更新

为此,您可以使用angularjs 的$templateCache服务...

在您的run街区中,您可以像这样使用此服务

var myApp = angular.module('myApp', []);
myApp.run(function($templateCache) {
  $templateCache.put('exampleTemplateId', 'This is the content of the template');
}); 

并再次使用它,ng-inlucde如我上面所说

于 2015-09-09T11:45:17.977 回答
0

根据文档,这应该有效:

$scope.importFileWithSettings = function(){
    BootstrapDialog.show({
            type: BootstrapDialog.TYPE_INFO,
            message: "$('<div></div>').load('importform.html')",
            title: 'Title',
    });
}; 
于 2015-09-09T11:46:47.687 回答