web-dev-qa-db-fra.com

$ mdDialog.confirm () avec un templateUrl personnalisé

J'utilise $ mdDialog dans mon application, mais je voudrais l'utiliser comme une boîte de dialogue "confirmer" au lieu d'une boîte de dialogue normale. Cela signifie que le flux de code ne doit pas continuer tant que l'utilisateur n'a pas cliqué sur l'un des deux boutons dans la boîte de dialogue de confirmation. J'ai remarqué que $ mdDialog.confirm () peut être utilisé, mais je ne sais pas comment l'utiliser avec un templateUrl personnalisé et un contrôleur correspondant comme contenu de la boîte de dialogue.

Voici ce que j'ai écrit qui fonctionne très bien en ce qui concerne la boîte de dialogue, mais le flux de code ne s'arrête pas après l'ouverture de la boîte de dialogue. Il devrait s'arrêter jusqu'à ce que Ok ou Annuler soit cliqué par l'utilisateur.

$mdDialog.show({
      controller: 'incomingCallDialogController',
      templateUrl: 'app/components/others/incomingCallDialog/incomingCallDialog.tpl.html',
      locals: {message: message},
      parent: angular.element(document.body)
   }).then(function (answer) {
      console.log("here");
   }
angularjsmaterial-designangular-material
10
Developer

Fondamentalement, ce serait quelque chose comme:

var confirm = $mdDialog.confirm({
      controller: 'incomingCallDialogController',
      templateUrl: 'app/components/others/incomingCallDialog/incomingCallDialog.tpl.html',
      locals: {message: message},
      parent: angular.element(document.body)
   })
   $mdDialog.show(confirm).then(function() {
      console.log("here");
   }

Voici un codepen .

11
Daniel

Angularjs confirme la conception de la boîte de dialogue en utilisant Material Ui et avec l'icône/les images

Screenshot : https://i.stack.imgur.com/rghwX.png

Online demo : https://codepen.io/MuhammadRizwan/pen/aYBKqW?editors=1010
0
Rizo

essaye ça

                $scope.showTimContent = function (tim) {
                    $mdDialog.show({
                        controller: ['$scope', '$mdDialog', 'tim', $scope.ViewTimContentCtrl],
                        templateUrl: 'wgt/tim/TimContentDialog.html',
                        locals: {'tim': tim},
                        clickOutsideToClose: true,
                    });
                };

                $scope.ViewTimContentCtrl = function ($scope, $mdDialog, tim) {
                    $scope.tim = tim;
                    $scope.hide = function () {
                        $mdDialog.hide();
                    };
                    $scope.cancel = function () {
                        $mdDialog.cancel();
                    };
                };
0
Stan Sokolov