2016-08-23 50 views
4

我採用了棱角分明材料和我一直在使用$ mdDialogProvide創建了一個簡單的預設對話:角材料如何將數據傳遞給預設對話

angular.module('starterApp').config([ 
    '$mdDialogProvider', 
    function ($mdDialogProvider) { 
    $mdDialogProvider.addPreset('warning', { 
     options: function() { 
     return { 
      template: 
      '<md-dialog>' + 
      '{{dialog.warning}}' + 
      '</md-dialog>', 
      controllerAs: 'dialog', 
      theme: 'warning' 
     }; 
     } 
    }); 
    } 
]); 

而且我想通過在調用它的警告消息。我試圖通過這樣的消息,例如:

$mdDialog.show(
     $mdDialog.warning({ 
     locals: { 
      warning: 'Warning message' 
     } 
     }) 
    ); 

但是不行。

其實我查了很多解決方案,但都沒有工作。在文檔中都沒有這樣的例子。

是否可以將某個日期傳遞給預設對話框?

+0

我想幫助可用,但我和我的CodePen控制檯得到這個錯誤 - 「 $ mdDialogProvider未定義「。我必須注入任何東西到控制器來啓用$ mdDialogProvider? –

+0

您需要爲您的應用程序注入「ngMaterial」: angular.module('starterApp',['ngMaterial','ui.router']) ,但要做到這一點,您需要先包含角度材質:

1

快速ES6方式

創建範圍的變量上的控制器飛行

let warning = 'Warning message'; 

$mdDialog.show({ 
    templateUrl: 'dialog.template.html', 
    controller: $scope => $scope.warning = warning 
}) 

模板

warning$scope變量,從而在模板

​​3210