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 
     }); 
    };