javascript - mdToast 的 Angular Material 突出显示类不起作用

Question

我正在尝试在使用 Angular Material 库的 Angular 应用程序中实现 Toast 消息。

    app.service('ToastFlash', ['$mdToast', function($mdToast) {      this.showMessage = function(message, $event) {        $mdToast.show(          $mdToast          .simple()          .textContent(message)          .action("Dismiss")          .highlightAction(true)          .highlightClass('md-accent')        );      };    }]);

由于某种原因，当我调用 showMessage() 时，这给了我错误:TypeError:$mdToast.simple(...).textContent(...).action(...).highlightAction(...).highlightClass 不是一个函数。当我删除highlightClass行时，它工作得很好。为什么会发生这种情况？

Answer 1

它应该与最新的 Material 版本v1.1.0-rc.5 js和css文件一起使用，

$scope.showToast = function() {
        var toast = $mdToast.simple()
          .content('Hello world')
          .action('OK')
          .highlightAction(true)
          .position('left top right')
           .highlightClass('md-warn');
      $mdToast.show(toast);
    };

这是工作 JsFiddle