約束事のng-clickイベント

Question

私は角形のアプリを持っています。基本的にユーザのタイプに応じて内容を表示する指示を持っています。あなたのaccountTypeは自由です。あなたのaccounTypeが無料でもプロフェッショナルでもない場合は、ng-clickイベントを起動して、あなたの承認するモーダルを表示することができます。

しかし、私は、現在のaccounTypeを取得し、適切な情報を与えるよりも遅延の種類があると約束する必要があるので、2つのモデルは気合。 1つのモーダルを表示する代わりに、evt.stopProgation ...が約束の中にあるからだと思います。ここで

は私のコードです： ディレクティブ：

angular.module('app') 
    .directive('premiumContent', 
     [ 
      '$http', '$q','UserService','$uibModal','$rootScope','WizardService', 
      premium 
     ]); 


function premium($http, $q, UserService, $uibModal, $rootScope,WizardService) { 
    return { 
     restrict: 'A', 
     priority: -1, 
     link: function($scope, element, attrs, controller) { 
      element.on('click', function(evt){ 

       var clean = attrs.ngClick.substring(0, attrs.ngClick.indexOf('(')); 
       var controllerName = clean.substring(0, clean.indexOf('.')); 
       var clickTarget = clean.substring(clean.indexOf('.'),clean.length).replace('.',''); 


       if(attrs.counter == "false"){ 
        WizardService.isBlock = false; 
       }else{ 
        WizardService.isBlock = true; 
       } 

       UserService.getAuthenticatedUser() 
        .then(function (response) { 
         response = response.data; 
         debugger; 


         var accountType = response.user.account_type_id; 
         var user = response.user; 
         var users = $scope.$eval(attrs.to); 



         //check if is passing more than one user (array/object) 
         if(typeof users === 'object'){ 
          if(users.indexOf(accountType) !== -1){ 

           //assign a user to hide 
           users = users[users.indexOf(accountType)]; 
          } 
         } 

         if(users !== accountType) { 
          evt.preventDefault() 
          evt.stopImmediatePropagation(); 

           $uibModal.open({ 
            animation: true, 
            backdrop: 'static', 
            keyboard: false, 
            templateUrl: 'template/sidebar/wizard', 
            size: 'lg', 
            controller: 'WizardController', 
            controllerAs: 'wizardCtrl', 
            resolve: { 
             user: function() { 
              return user 
             }, 
             modalName: function() { 

              return $scope[controllerName][clickTarget]; 
             } 

            } 

           }); 



         } 

        }); 





      }); 
     } 
    }; 
} 

HTML：

<a premium-content to="[5]" counter="false" ng-click="sidebarCtrl.openProModal();">Senstive data</a> 

Answer 1

$ uibModalの.open方法が約束された結果と呼ばれる性質を持っているモーダルインスタンスを返します。これを実装するには、コードは次のようになります。

var modalInstance = $uibModal.open({ 
    animation: true, 
    backdrop: 'static', 
    keyboard: false, 
    templateUrl: 'template/sidebar/wizard', 
    size: 'lg', 
    controller: 'WizardController', 
    controllerAs: 'wizardCtrl', 
    resolve: { 
     user: function() { 
       return user 
       }, 
     modalName: function() { 
       return $scope[controllerName][clickTarget]; 
       } 
    } 
}); 

modalInstance.result.then(function() { 
    // do something here 
});