angularjs – angular material如何将数据传递给预设对话框

发布时间：2020-12-17 17:42:02 所属栏目：安全来源：网络整理

导读：我正在使用Angular Material,我使用$mdDialogProvide创建了一个简单的预设对话框： angular.module('starterApp').config([ '$mdDialogProvider',function ($mdDialogProvider) { $mdDialogProvider.addPreset('warning',{ options: function () { return {

我正在使用Angular Material,我使用$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'
        }
      })
    );

但是不起作用.

实际上我检查了很多解决方案,但没有一个能正常工作.文档中也没有这样的例子.

是否可以将某些日期传递给预设对话框？

解决方法

这是一种方法 – CodePen

标记

<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp">
  <md-button ng-click="showDialog()">Show Dialog</md-button>
</div>

angular.module('MyApp',['ngMaterial','ngMessages'])

.config([
  '$mdDialogProvider',{
      options: function () {
        return {
          template:
          '<md-dialog aria-label="Dialog">' +
          '{{warning}}' +
          '</md-dialog>',controller: DialogController,theme: 'warning',clickOutsideToClose: true
        };
      }
    });

    function DialogController($scope,$mdDialog,locals) {
      console.log(locals);
      $scope.warning = locals.warning;
    }
  }
])

.controller('AppCtrl',function($scope,$mdDialog) {
  $scope.showDialog = function () {
    $mdDialog.show(
      $mdDialog.warning({
        locals: {
          warning: 'Warning message'
        }
      })
    );
  }
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!