开发手册 欢迎您!
软件开发者资料库

Angular Material - Toasts

Angular Material Toasts - 从简单和简单的步骤学习Angular Material,从基本到高级概念,包括概述,环境设置,自动完成,底部工作表,按钮,卡片,CheckBoxes,芯片,联系芯片,内容,DatePicker,Dialogs,Divider, Fab Speed Dial,Fab工具栏,网格,图标,输入,布局,列表,菜单,菜单栏,进度条,单选按钮,选择,SideNav,滑块,Subheaders,刷卡,开关,标签,主题,Toast,工具栏,工具提示,排版,虚拟重复,WhiteFrame。

Angular Material提供了各种特殊方法来向用户显示不显眼的警报.它还为他们提供了一个术语吐司. $ mdToast服务用于显示祝酒词.

示例

以下示例显示了祝酒词的使用.

am_toasts.htm

                                                                  angular            .module('firstApplication', ['ngMaterial'])            .controller('toastController', toastController);         function toastController ($scope, $mdToast, $document) {             $scope.showToast1 = function() {               $mdToast.show (                  $mdToast.simple()                  .textContent('Hello World!')                                         .hideDelay(3000)               );            };            $scope.showToast2 = function() {               var toast = $mdToast.simple()                  .textContent('Hello World!')                  .action('OK')                  .highlightAction(false);                                                   $mdToast.show(toast).then(function(response) {                  if ( response == 'ok' ) {                     alert('You clicked \'OK\'.');                  }               });               }         }                                       Show Simple Alert         Show Alert with callback      
   

结果

验证结果.