Wie teilen Sie den Bereich zwischen Controller und $ mdDialog?

Question

Wie kann ich den Bereich zwischen Controller und $ mdDialog (Angular Material) teilen? Ich benutze "Controller As" -Syntax, und ich muss Funktionen meines Controllers in $ mdDialog Ursache verwenden, wenn es geschlossen wird, werde ich einige Daten benötigen. In diesem Code muss ich "myFunction" in $ mdDialog aufrufen. tritt auf, wenn ich ein Objekt (self.obj) habe und ich es in 'myFunction' brauche, wenn $ mdDialog 'myFunction' aufruft, existiert das Objekt nicht in dem Bereich.

angular.module('myApp') 
      .controller('myController', myController); 

myController.$inject = ['$mdDialog']; 

function myController($mdDialog) { 

var self = this; 
self.obj = {'firstName:'hello','lastName':'world'} 


self.myFunction = function() {console.log(JSON.stringfy(self.obj))}; 

self.showDialog = function(){ 

    $mdDialog.show({ 
     controller: function ctrl() {}, 
     controllerAs: 'ctrl', 
     templateUrl: 'views/modal_templates/dialog01.template.html', 
     parent: angular.element(document.body), 
     targetEvent: ev, 
     clickOutsideToClose: true 
    }) 
} 

}; 

Answer 1

Sie können die Option lokal verwenden, um myFunction zu injizieren. Verwenden Sie dann die Methode bind(), um eine neue Funktion zu erstellen, deren eigenes Schlüsselwort auf self gesetzt ist.

Die bind() Methode erzeugt eine neue Funktion, die, wenn, hat sein dieses Schlüsselwort auf den vorgesehenen Wert

self.myFunction = function() {console.log(JSON.stringfy(this.obj))}; 

$mdDialog.show({ 
    controller: function ctrl(myfunction) { }, 
    controllerAs: 'ctrl', 
    templateUrl: 'views/modal_templates/dialog01.template.html', 
    parent: angular.element(document.body), 
    targetEvent: ev, 
    clickOutsideToClose: true, 
    locals: { 
     myfunctiion: myFunction.bind(self), 

    } 
}) 

Answer 2

In dem Controller genannt:

.controller('testing', 
     function($scope, $mdDialog) { 
$scope.items = [0, 1, 2, 3]; 
    $scope.addAddress = function(ev) 
    { 
     $mdDialog.show({ 
      controller:() => this, 
       controllerAs: 'ctrl', 
       templateUrl: 'views/address.html', 
       targetEvent: ev, 
       clickOutsideToClose:true, 
       locals: { 
        items: $scope.items, 
       }, 
       }); 
    }; 

In address.html, Zugangspunkt mit 'ctrl'

<din ng-repeat="items in ctrl.items"> 
{{ items }} 
</div> 

ich diese Lösung auf den folgenden Link bekommen: https://github.com/angular/material/issues/1531