aktualisiert Winkelmaterial Modal UI

Question

Ich habe eine Variable in der Steuerung:

$scope.myName = "Jack"; 

Ich habe ein ng-click=open() auf einem Knopf ein modalen zu öffnen. Bei einem Klick möchte ich den Namen dieser Variablen ändern und den aktualisierten Wert in der modalen Benutzeroberfläche anzeigen. Leider zeigt es den alten Wert an.

$scope.open = function(){ 
    $scope.myName = "changed"; 

    $mdDialog.show({ 
      templateUrl: '/app/dataModal.html', 
      parent: angular.element(document.body), 
      targetEvent: ev, 
      clickOutsideToClose: true 
     }) 
} 


//dataModal.html 
<md-dialog ng-controller="myCtrl">{{myName}}</md-dialog> 

Answer 1

1) Wenn Sie den Bereich Artikel Wert ändern möchten, indem Sie die Eingabe im Dialog dann verwenden, sollten Sie das Versprechen Art und Weise verwenden Dialog zu behandeln, die einen Eingang hat. Überprüfen Sie das Beispiel hier: http://codepen.io/shershen08/pen/aNWBBd.

$mdDialog.show(confirm).then(function(result) { 
    $scope. myName = result; 
}, function() { 
    $scope. myName = result; 
}); 

Dies sollte außerhalb der es nicht in Ihrem $scope.open = function(){ Funktion sein, aber.

2) Wenn Sie nur den Umfang Wert im Dialog angezeigt wird, dann aktuelle Code ist ok, man muss nur die Vorlage bearbeiten anzupassen:

//dataModal.html 
<md-dialog>{{myName}}</md-dialog> 

Hier ist die Demo für In diesem Fall: http://codepen.io/shershen08/pen/pyPNaM?editors=1010