2016-02-03 6 views
6

Ich habe eine Angular App und verwende Angular-Material unter anderen Komponenten. Ist es möglich, einen Angular Tab Dialog mit einer TemplateUrl zu öffnen, die Lazy geladen ist und eine Angular Form enthält? Wie würden Sie, wenn überhaupt, auf dieses Formular verweisen? Hier einige Code Ich benutze den Dialog zu öffnen:Angular Dialog mit eckiger Form

$scope.showTabDialog = function(ev) { 

     $mdDialog.show({ 
       controller: DialogController, 
       templateUrl: 'pages/properties/tabDialog.tmpl.html', 
       parent: angular.element(document.body), 
       targetEvent: ev, 
       clickOutsideToClose:true 
      }) 
      .then(function(answer) { 
       $scope.status = 'You said the information was "' + answer + '".'; 
      }, function() { 
       $scope.status = 'You cancelled the dialog.'; 
      }); 
    }; 

Jede Hilfe würde geschätzt, danke

+0

so was ist das Problem hier? –

Antwort

3

nicht sicher, ob ich Ihre Frage richtig verstanden habe, aber für die grundlegende Verwendung, übergeben Sie in Ihrem Kontext zu locals und Rückkehr Ihr Info $mdDialog.hide

$mdDialog.show({ 
     targetEvent: $event, 
     template: dialogContent, 
     controller: 'DialogController', 
     locals: { info: $scope.info } 
    }).then(function(info) { 
     if(info) { 
      $scope.info.userName = info.userName;  
     } 
     }); 

...

$mdDialog.hide(info); 

Sehen Sie diesen Code zu spielen Pen:

http://codepen.io/anon/pen/BjqzJR

+0

@johan hat das deine Frage beantwortet? – malix

+0

Hallo Leute, bitte akzeptieren Sie meine Entschuldigung für die späte Antwort, ich habe an einem anderen Projekt gearbeitet und konnte jetzt nur auf dieses Problem zurückkommen. Ich denke das ist genau was ich brauche und ich werde deine Antwort mit meinem Projekt testen. Danke, ich werde zurückkehren, wenn es für mich funktioniert hat. – johan

+0

@johan keine Sorgen! Akzeptierst du meine Antwort? – malix