angular-material highlightKlasse für mdToast funktioniert nicht

Question

Ich versuche, Toast-Nachrichten in meiner eckigen App, die Angular-Material-Bibliothek verwendet implementieren.

 

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

Aus irgendeinem Grund dieses mir Fehler geben, wenn ich showMessage() als nennen: TypeError: $mdToast.simple(...).textContent(...).action(...).highlightAction(...).highlightClass is not a function. Wenn ich die highlightClass Zeile entferne, funktioniert es perfekt. Warum passiert das?

Answer 1

es mit der neuesten Material Version v1.1.0-rc.5 js und CSS-Datei funktionieren soll,

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

Hier ist der Arbeits JsFiddle