0

https://github.com/nakupanda/bootstrap3-dialogを使用して、webapp にダイアログを表示しています。 

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

importform.html は同じディレクトリにあります。ダイアログが表示されても、importform.html コンテンツは表示されません。それを正しく行う方法(私はangularJSとブートストラップに比較的慣れていません)?

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 に答える