0

Angular でモーダル ウィンドウを開く必要があるときに使用する小さなデモを作成しました。ディレクティブをモーダル ウィンドウ テンプレートとして使用する。

よくわからないのは、データ/関数をモーダルに渡す方法です。

オープニングコントローラー:

    $scope.openModal = function($event){
       $scope.items = [1,2,3,4,5];
       $scope.modalInstance =  $modal.open({
           template: '<modalwindow></modalwindow>',
           scope:$scope,
           test:'akex'
    });

    $scope.modalInstance.result.then(function (selectedItem) {
        console.info(selectedItem);
    }, function () {
        console.info('Modal dismissed at: ' + new Date());
    });

およびモーダル ディレクティブ:

 angular.module('angModalApp')
 .directive('modalwindow', function () {
   return {
      templateUrl: 'scripts/directives/modalwindow.tmpl.html',
      restrict: 'E',
      link: function postLink(scope, element, attrs) {
          scope.ok = function () {
              scope.modalInstance.close(["a","b","c"]);
          };

          scope.cancel = function () {
              scope.modalInstance.dismiss('cancel');
          };
  }
};
});

私が求めているのは、モーダルのそのような使用について皆さんがどう思うかです。それを行うより良い方法はありますか？

お時間をいただきありがとうございます。

プロジェクトのソースはhttps://github.com/trostik/angular-modal-window-demoにあります。

4

2 に答える 2