У меня есть кнопка внутри DIV. Я использую ng-click для открытия двух модальных. Один модальный открыт, когда вы нажимаете на кнопку DIV и другие по кнопке. Если щелкнуть DIV modal, откройте все, но когда я нажимаю кнопку, оба модажа открываются. Я использую разные контроллеры для модалов.У меня есть кнопка внутри DIV. Я использую ng-click для открытия двух модальных. Один модальный открыт, когда вы нажимаете на DIV и другие кнопки
HTML
<div class="col-sm-12 row_padding_empty_both mt-10 clear" ng-if="quote.doc.status == 'Quoted'" style="cursor: pointer;" ng-repeat="quote in dbpro | filter: withInSearchOpp " ng-click="openOpp('lg',quote,'quote')">
<div class="media">
<div class="fleft icon-ef-2a" data-options="splash-1 splash-ef-1">
<div class="pull-left thumb " >
<img class="media-object img-circle" src="app/images/sample_logo.png" alt="">
</div>
{{quote.doc.parent_company.name}}</p>
<small class="text-lightred" >{{quote.doc.opp_name}}</small>
<small class="text-lightred" style="display:block">{{quote.doc.budgeted_revenue}}</small>
</div>
<div class="pull-right icons_group ">
<button type="button" class="btn btn-rounded-20 btn-default btn-sm" ng-click="openoppMail()" style="width:27px;"><i class="fa fa-paper-plane" ></i></button>
</div>
</div>
</div>
</div>
Модальные-1 DIV функция нг-клик.
$scope.openOpp = function (size,index,val) {
console.log("large modal");
var openOppModel = $modal.open({
templateUrl: 'app/views/modals/oppModal.html',
controller: 'oppModalInstanceCtrl',
size:size,
resolve: {
name: function() {
return index;
},
name1: function() {
return val;
}
}
});
openOppModel.result.then(function (selectedItem) {
console.log('saved');
}, function() {
$log.info('Modal dismissed at: ' + new Date());
});
};
Модальные-2 Кнопка нг-клик функции
$scope.openoppMail = function (size) {
var modalInstance = $modal.open({
templateUrl: 'app/views/modals/mail.html',
controller: 'MailComposeCtrl',
size: size,
resolve: {
items: function() {
return $scope.items;
}
}
});
modalInstance.result.then(function (selectedItem) {
}, function() {
$log.info('Modal dismissed at: ' + new Date());
});
};
Вам необходимо предотвратить распространение события при нажатии кнопки. Передайте $ event функции и добавьте $ event.stopPropagation() в обработчик нажатия кнопки. –
@K K, спасибо человеку. Ты спас свой день. – RAMESHKUMAR