角度ngDialog：setDefaultsの問題

Question

setDefaultのプロパティを追加せずに正常に動作するngDialogを使用しています。プロパティを設定した場合、app.configに1度はレンダリングされません。

escまたはダイアログボックス以外の場所をクリックするとダイアログボックスが閉じないようにします。

ngDialog.open({ 
    template: 'app/components/pages/page-locations/compare-location.html', 
    className: 'ngdialog-theme-plain', 
    scope: $scope 
}); 

私は以下のコードを追加するまで、これは完全に罰金働いていた：私は、ドキュメントから上記のコードを持って、私はclassNameを変更

var app = angular.module('myApp', ['ngDialog']); 
app.config(['ngDialogProvider', function (ngDialogProvider) { 
    ngDialogProvider.setDefaults({ 
     className: 'ngdialog-theme-plain', 
     plain: true, 
     showClose: false, 
     closeByDocument: false, 
     closeByEscape: false 
    }); 
}]); 

を。現時点では、モーダルコンテンツの代わりにリンクとしてレンダリングされます。

<div class="ngdialog-content" role="document"> 
    app/components/pages/page-locations/compare-location.html 
</div> 

Answer 1

私は、問題はあなたのビュー

// Example modal template 
<script type="text/ng-template" id="modalDialogId"> 
     <div class="ngdialog-message"> 
      <h3>ngDialog modal example</h3> 
     <div class="ngdialog-buttons"> 
      <button type="button" class="ngdialog-button ngdialog-button-primary" ng-click="confirm(confirmValue)">Confirm</button> 
      <button type="button" class="ngdialog-button ngdialog-button-secondary" ng-click="closeThisDialog('button')">Cancel</button> 
     </div> 
    </script> 

でダイアログIDを定義し、この

ngDialog.open({ 
    template: 'modalDialogId', 
    className: 'ngdialog-theme-plain', 
    scope: $scope 
}); 

Answer 2

のようなテンプレートでそれを呼び出す必要があり、ここで

// you're calling html file rather than dialog id 
template: 'app/components/pages/page-locations/compare-location.html' 

依存していると思います私が見つけた解決策は：

ngDialog.open({ 
    template: 'app/components/pages/page-locations/info-compare.html', 
    className: 'ngdialog-theme-plain', 
    scope: $scope, 
    closeByDocument: false, 
    closeByEscape: false 
}); 

大量のコードを含むダイアログボックスが多すぎるため、私は自分のビューにスクリプトとして追加したくありませんでした。