javascript - モデルを開いたときにコントローラ ファイルを動的にロードする方法

Question

Web アプリケーションには、多くのモーダル テンプレート (Angular Foundation モーダル) があります。モーダルが開いたら、ページの JavaScript ファイルで作成されたコントローラーを指定する必要があります。ただし、このコントローラーは一般にインラインで記述されます。これらのコントローラーを外部または動的ロードとして取得したい。

それは次のようなものです：

var modalInstance = $modal.open({ templateUrl: 'myModalContent.html', 
                                 controller: 'modal-controller.js' })

それはできますか？もしそうなら、どうすればこれを行うことができますか、

あなたの助けに感謝します

Answer 1

oclazyload を使用する

 function nameOpen(name){    
     $ocLazyLoad.load('modal/name.ctrl.js').then(function(){
    var modalInstance = $modal.open({
      templateUrl: 'modal/name.html',
      controller: 'nameCtrl',
      controllerAs: 'vm',
      resolve: {
        phones: function () {
          return name;
        }
      }
    });
    modalInstance.result.then(function (selectedItem) {
      $scope.selected = selectedItem;
    }, function () {
      //$log.info('Modal dismissed at: ' + new Date());
    });
  });
}