2017-02-21 137 views
0

$ mdToast.simple不把儘可能多的我的代碼在這裏,我可以一個功能

Codepin

$scope.showToast = function() { 
var pinTo = $scope.getToastPosition(); 
    $mdToast.show(
    $mdToast.simple() 
     .textContent('Saved!') 
     .position(pinTo) 
     .hideDelay(2000) 
    ); 
}; 

,還是同樣的問題..是它事物的順序或版本?我重新排列並嘗試了很多東西,但仍然得到相同的錯誤。檢查此網站和git問題的類似修復,但看起來像OP永遠不會回來,什麼工作。

它也似乎是試圖從angular.js而不是angular-material.js獲取函數?

感謝所有

的修復

我的代碼:

var app = angular.module('app', ['firebase', 'ngMaterial', 'ngRoute']); 
app.controller('MainCtrl', ['$scope', '$rootScope', 
function($scope, $mdToast, $firebaseObject, $rootScope) { 

工作代碼:

var app = angular.module('app', ['firebase', 'ngMaterial', 'ngRoute']); 
app.controller('MainCtrl', ['$scope', '$mdToast', '$rootScope', 
function($scope, $mdToast, $firebaseObject, $rootScope) { 
+0

你有沒有嘗試添加'$ mdToast'作爲依賴於你的控制器? '$ scope','$ mdToast','$ firebaseObject','$ rootScope', 函數($ scope,$ mdToast,$ firebaseObject,$ rootScope)' –

+0

@AlexSzabóyes這是問題,這是不是在他們的文件中那樣的角質材料演示:/謝謝你的回覆 –

回答

1

問題是你缺少了`'$ mdToast ','$ firebas eObject」,在依賴注入

app.controller('MainCtrl', ['$scope', '$mdToast', '$firebaseObject', '$rootScope', 
    function($scope, $mdToast, $firebaseObject, $rootScope) { 

WORKING CODEPEN

+0

Uggh謝謝你,我明白你的意思,現在它的工作原理,但怎麼這不是在docs?[docs](https://material.angularjs.org/latest/demo/toast),他們只把它作爲函數參數'angular.module('toastDemo1',['ngMaterial']) .controller( 'AppCtrl',函數($ scope,$ mdToast){' –

+0

它在角度文檔中,閱讀關於依賴項注入。標記爲答案,如果它有幫助 – Sajeetharan

+0

你看到它在上面的文檔我鏈接到JS他們不把它放在兩個地方。在你的密碼中,我不得不添加它'app.controller('MainCtrl',['$ scope',***'$ mdToast'***,'$ rootScope',function($ scope,$ mdToast,$ firebaseObject,$ rootScope){'if you want爲其他人更新。不能相信我浪費了這麼多時間來做一個簡單的解決方案Lol –