我试图在我的使用角度材料库的角度应用程序中实现Toast消息。


    app.service('ToastFlash',['$ mdToast',function($ mdToast){
      this.showMessage = function(message,$ event){
        $ mdToast.show(
          $ mdToast
          。简单()
          .textContent(消息)
          .action(“解雇”)
          .highlightAction(true)
          .highlightClass('md-accent')
        );
      };
    }]);



由于某些原因,当我将showMessage()调用为时,这给了我错误:
TypeError: $mdToast.simple(...).textContent(...).action(...).highlightAction(...).highlightClass is not a function
当我删除highlightClass行时,它可以正常工作。
为什么会这样呢?

最佳答案

它应该与最新的材料版本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

09-17 06:46