These are chat archives for angular/material

4th
Jul 2016
jmls
@jmls
Jul 04 2016 09:43
conbfused about the new "md-panel" component - what's the difference between md-panel and md-dialog ?
whittssg
@whittssg
Jul 04 2016 17:28
Anyone know why i would get unknown provider for the $mdPanel service have minifying? All of the others services work gine (like $mdDialog)
Daron Jones
@Wuntenn
Jul 04 2016 19:40
@whittssg hard to say without seeing code. Are you protecting injected services with array literal syntax?
whittssg
@whittssg
Jul 04 2016 19:44
@Wuntenn I am using ng-annotate in the build process but during troubleshooting i made sure to inject the literals to rule out dependency injection issues
leandrw
@leandrw
Jul 04 2016 19:45
@cubissimo
Diego Cubissimo Lopes
@cubissimo
Jul 04 2016 19:45
@leandrw what?
leandrw
@leandrw
Jul 04 2016 19:45
@cubissimo sorry bro, wrong chat
Diego Cubissimo Lopes
@cubissimo
Jul 04 2016 19:45
nops
whittssg
@whittssg
Jul 04 2016 19:46
@Wuntenn the error is actually coming from a function within my vendor.js when opening the panel. I added console.log($mdPanel) to the beginning of my controller and the contents looked good..
Daron Jones
@Wuntenn
Jul 04 2016 19:47
I’m having issues with md-fab-speed-dial where the hidden action buttons still occupy space in the toolbar stretching it out of proportions. I suspect that it’s visibility hidden causing issues. I would just start hacking, however I suspect that I’ve missed some convention with regard to to way that I’ve implemented the button. Does anyone have a clue what my be causing this. I can post code if that might help

@whittssg if you look at this code I’ve just stolen from the angular site

'use strict';
  angular.module('fabSpeedDialDemoMoreOptions', ['ngMaterial'])
    .controller('DemoCtrl', function($scope, $mdDialog, $timeout) {

You see how they protect ngMaterial with the array whilst injecting it into the module. Is this how you do things?

(hmm maybe not the best example)
whittssg
@whittssg
Jul 04 2016 19:52
@Wuntenn I have it lik this angular.module('dataApp', ['ngMaterial', 'ngAnimate', 'ngStorage', ...
whittssg
@whittssg
Jul 04 2016 20:01
@Wuntenn I have the same issue with the fab button.. i have it firing downwards and even when closed it obscures click events on my scroll bars
Daron Jones
@Wuntenn
Jul 04 2016 20:12
@whittssg Not sure why your approach isn’t working. Try this format:
(function(){
‘use strict’;
angular.module('dataApp’);

dataApp.$inject = ['ngMaterial', 'ngAnimate', 'ngStorage'];

function dataApp(ngMaterial, ngAnimate, ngStorage) {
  //code here
}
})()
Check your quotes are right are you sure you quoted them whilst injecting and unquoted in the function definition
Daron Jones
@Wuntenn
Jul 04 2016 20:18
I suspect that it’s the way that fab is built. In the demos they move the button around depending on the direction that is chosen: https://material.angularjs.org/latest/demo/fabSpeedDial. The whitespace would hide this issue. The next example where the fab is inside a toolbar they use ng-hide. Guess ill have to check what they’re doing
whittssg
@whittssg
Jul 04 2016 21:56
I never thought that id have to annotate the app module - i have always done it for the controllers though... thanks.. i will look into it