更新角度材料モーダルUI

Question

私は、コントローラ内の変数を持っている：

$scope.myName = "Jack"; 

私はモーダルを開くためのボタンをng-click=open()を持っています。クリックすると、その変数の名前を変更して、モーダルUIに更新された値を表示します。残念ながら、それは古い値を示しています。

$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）あなたは、ダイアログで入力を使用してスコープ項目に値を変更したい場合は、入力を持つダイアログを処理するために、約束の方法を使用する必要があります。ここの例を確認してください：http://codepen.io/shershen08/pen/aNWBBd。

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

これはないあなたの$scope.open = function(){機能で、それ以外でなければなりません。

2）ダイアログでスコープ値を表示するのみ必要がある場合は、あなたの現在のコードは大丈夫です、あなただけの一致するテンプレートを編集する必要があります。ここでは

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

はのためのデモですこの場合：http://codepen.io/shershen08/pen/pyPNaM?editors=1010