Как обнаружить событие щелчка в моем случае

Question

Я пытаюсь совать модальность на родительском контроллере и сделать что-то для ребенка после использования нажать кнопку

Например, контроллер ребенка

$scope.openModal = function(){ 
    var item = 'my first item' 
    $scope.showItem(item); 

    //I want to do something here after user clicks 'Click me' button 
}) 

родитель контроллер

$scope.showItem = function(item){ 
    $modal({ 
       template: 'item-modal.html', 
       scope: $scope,     
      }); 
}) 

В моем пункт-modal.html

//other html 
<button type="button" class="btn btn-primary" ng-click="confirm()">Click me</button> 

Поэтому я хочу, чтобы ребенок мог знать действие родителя, которое является нажатием модальной кнопки. Есть ли способ сделать это? Большое спасибо!

Answer 1

Вы можете прослушивать события через $broadcast, чтобы прослушивать события по родительской цепочке.

// Parent controller 
$scope.confirm = function() { 
    $scope.broadcast("myTestEvent", {'key':'value'}); 
} 


// Child controller 
$scope.$on("myTestEvent", function(data) { 
    console.log("Event from parent fired with data as : " + data); 
}) 

Answer 2

угловой-ui-модальный, верно?

Если так, $ modal api возвращает обещание, разрешающее, когда модаль закрывается либо $ close (успех), либо $ увольнением (сбой). См. https://angular-ui.github.io/bootstrap/#/modal для получения дополнительной информации, или https://docs.angularjs.org/api/ng/service/ $ q для информации о обещаниях.

Так что это будет в значительной степени выглядит следующим образом:

$scope.openModal = function(){ 
    var item = 'my first item' 
    $scope.showItem(item).then(function(result) { 
     // DO something with result 
    }); 
}); 

Родитель контроллер

$scope.showItem = function(item){ 
    return $modal({ 
       template: 'item-modal.html', 
       scope: $scope,     
      }); 
}) 

В моем пункт-modal.html

//other html 
<button type="button" class="btn btn-primary" ng-click="$close(myResult)">Click me</button> 

или использовать свой собственный метод в качестве ng-click обработчик, который будет вызывать $ scope. $ close с тем, что вы хотите передать в качестве результата обещания.