2017-02-21 101 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 –