These are chat archives for angular/material

10th
Mar 2016
爱因斯唐
@forfuns
Mar 10 2016 03:02
hello
angular-material <md-icon> not working in safari
爱因斯唐
@forfuns
Mar 10 2016 03:52
hello,someone here ?
Tim
@4tron
Mar 10 2016 04:16
angular-material <md-icon> not working in safari .. vague very vague
@repositoryofexcellence yeah ive done that . i specifically used http://lukaszwatroba.github.io/v-accordion/
Craig Shearer
@craigsh
Mar 10 2016 05:02
I notice in the md-input-container demo page (https://material.angularjs.org/latest/demo/input) the required fields have an asterisk after their labels. How do I activate this feature? It's not working in my project on 1.0.6.
爱因斯唐
@forfuns
Mar 10 2016 05:34
@4tron
<md-icon>search</md-icon>
this tag can work with Chrome
but not safari
is something fonts problem?
James Ireland
@siteshackinc
Mar 10 2016 05:36
perhaps specify md-font-set="material-icons"
<md-icon md-font-set="material-icons">search</md-icon>
爱因斯唐
@forfuns
Mar 10 2016 05:37
<md-icon md-font-set=material-icons>search</md-icon>
I try
still not work
James Ireland
@siteshackinc
Mar 10 2016 05:37
<md-icon md-font-set="material-icons">search</md-icon>
爱因斯唐
@forfuns
Mar 10 2016 05:38
<md-icon md-font-set="material-icons">search</md-icon>
yes
<md-icon md-font-set="material-icons">search</md-icon>
no work with safari
James Ireland
@siteshackinc
Mar 10 2016 05:39
do you have the css sheet added to your html?
爱因斯唐
@forfuns
Mar 10 2016 05:39
yes
James Ireland
@siteshackinc
Mar 10 2016 05:39
you have a link for me to look at?
爱因斯唐
@forfuns
Mar 10 2016 05:40
angular-material.css and Material_Icons.woff2
no , is a local project
James Ireland
@siteshackinc
Mar 10 2016 05:40
i use bower install material-design-icons
then i included in my stylesheet
爱因斯唐
@forfuns
Mar 10 2016 05:40
This message was deleted
This message was deleted
NPM
I use NPM
James Ireland
@siteshackinc
Mar 10 2016 05:41
bower_components/material-design-icons/material-icons.css
爱因斯唐
@forfuns
Mar 10 2016 05:41
no,I just use angular-material
no material-design-icons
"dependencies":{
    "angular" : "1.5.0",
    "angular-animate" : "latest",
    "angular-aria" : "latest",
    "angular-messages" : "latest",
    "angular-material" :"^1.0.5",
    "angular-ui-router" : "0.2.18",
    "jquery" : "*",
    "async" : "*"
  }
James Ireland
@siteshackinc
Mar 10 2016 05:43
i dont rely on angular-material like that for icons, i use:
"material-design-icons": "^2.2.0",
then include the /bower-components/material-design-icons/iconfont/material-icons.css
then i just use the <md-icon md-font-set="material-icons">icon_name</md-icon>
works flawless
since you have safari, https://siteshack.net
do you still have the md-icon issue with that
James Ireland
@siteshackinc
Mar 10 2016 05:48
my md-icon's should render to safari
爱因斯唐
@forfuns
Mar 10 2016 05:54
I found the font file, I try ,thanks
James Ireland
@siteshackinc
Mar 10 2016 05:54
your welcome
爱因斯唐
@forfuns
Mar 10 2016 05:58
yes,is work @siteshackinc
thank you
James Ireland
@siteshackinc
Mar 10 2016 05:58
np glad to help you out
爱因斯唐
@forfuns
Mar 10 2016 05:59
I have another problem with material
List Controls
blob
<md-list-item ng-click="navigateTo('data usage', $event)">
    <md-icon md-svg-icon="cached"></md-icon>
    <p>Data Usage</p>
  </md-list-item>
there is no effect with my code
James Ireland
@siteshackinc
Mar 10 2016 06:03
do you have this included(modified for your project)
$scope.navigateTo = function(to, event) {
    $mdDialog.show(
      $mdDialog.alert()
        .title('Navigating')
        .textContent('Imagine being taken to ' + to)
        .ariaLabel('Navigation demo')
        .ok('Neat!')
        .targetEvent(event)
    );
  };
爱因斯唐
@forfuns
Mar 10 2016 06:07
not this problem
when my mouse move on the <md-list-item,no effect show it
and click no efeect too
sorry my english no good , expression is not clear
James Ireland
@siteshackinc
Mar 10 2016 06:09
hmm
that would be a css issue
爱因斯唐
@forfuns
Mar 10 2016 06:10
but , if I code like that
<md-list-item
   <p>...</p>
   <md-checkbox ..
 </md-list-item>
that can work
but will have a checkbox in here
so ,I change the code like this :
<md-list-item class="secondary-button-padding">
                <p>something</p>
                <md-checkbox class="md-secondary hide" ></md-checkbox>
            </md-list-item>
hide that checkbox,but this code look so bad
James Ireland
@siteshackinc
Mar 10 2016 06:12
add <span flex></span> in place of md-checkbox?
since you dont want the checkbox...
爱因斯唐
@forfuns
Mar 10 2016 06:13
that is your mean ?
<md-list-item class="secondary-button-padding">
          <p>something</p>
          <span flex></span>
</md-list-item>
not work
James Ireland
@siteshackinc
Mar 10 2016 06:14
<md-list-item class="secondary-button-padding">
something<span flex></span>
</md-list-item>
爱因斯唐
@forfuns
Mar 10 2016 06:15
cant work
James Ireland
@siteshackinc
Mar 10 2016 06:16
how many items are you going to use in the item?
爱因斯唐
@forfuns
Mar 10 2016 06:17
not a bout item , is css animation
blob
can U see that effect?
James Ireland
@siteshackinc
Mar 10 2016 06:19
yes you click on it, it's background grows left to right
爱因斯唐
@forfuns
Mar 10 2016 06:19
that is the mouse move on "Data Usage" , is a mousemove event
yes yes yes
that is my mean
I want my list got this effect
James Ireland
@siteshackinc
Mar 10 2016 06:21
if its a clickable event, it will have that effect
爱因斯唐
@forfuns
Mar 10 2016 06:21
you have a gmail or iMessage or something contact ?
James Ireland
@siteshackinc
Mar 10 2016 06:21
"should" i should say...
爱因斯唐
@forfuns
Mar 10 2016 06:21
I just copy demo code(but not the javascript)
ng-click js code is not I need
James Ireland
@siteshackinc
Mar 10 2016 06:22
even a href="#" would work
爱因斯唐
@forfuns
Mar 10 2016 06:22
I saw the css not I need
James Ireland
@siteshackinc
Mar 10 2016 06:24
you want the focus event on mouse over?
爱因斯唐
@forfuns
Mar 10 2016 06:24
blob
I don't understand
my code just like demo
remove something javascript and css is not I need
why cant work ?
is my style sheets not enough?
Tim
@4tron
Mar 10 2016 06:25
where is the top level <md-list>?
爱因斯唐
@forfuns
Mar 10 2016 06:26
angular-material.min.css
angular-material.layouts.min.css
yes ,I got <md-list>
James Ireland
@siteshackinc
Mar 10 2016 06:26
angular-material.min.css is sufficient
the layouts.min is custom stuff you write in as example....
爱因斯唐
@forfuns
Mar 10 2016 06:26
blob
"one" and "two" can work with click evnet , but still not work with mousemove event
I saw demo code not handle that event ,I sure is css work , in the angular-material.css
Tim
@4tron
Mar 10 2016 06:29
mousemove is jquery ... do you mean onmousemove?
爱因斯唐
@forfuns
Mar 10 2016 06:29
unless I miss something?
I mean mouse action
not real mean "event"
James Ireland
@siteshackinc
Mar 10 2016 06:30
was just trying to describe....
爱因斯唐
@forfuns
Mar 10 2016 06:30
demo code has not event handler
Tim
@4tron
Mar 10 2016 06:30
im not going to lie, its really hard to understand what your problem is here
James Ireland
@siteshackinc
Mar 10 2016 06:30
yeah @4tron trying though :)
爱因斯唐
@forfuns
Mar 10 2016 06:30
ok..
Tim
@4tron
Mar 10 2016 06:32
i dont mean to be mean , i just am struggling, i understand english is probably not your first language , hell i cant speak or write any other language besides english .. so kudos
James Ireland
@siteshackinc
Mar 10 2016 06:32
i use md-list for my menu system on my site..no issues, but when the ui-sref or href isnt valid or missing the hover over mouse effect from css doesnt do the desired effect i think he is looking for
James Ireland
@siteshackinc
Mar 10 2016 06:35
  <md-list>
    <span ng-repeat="item in menu.items | orderBy: order">
      <md-list-item ui-sref="{{item.state}}" ng-click="vm.close('left')">
        <md-icon md-font-set="material-icons">{{item.icon}}</md-icon>
        <span flex></span>
        {{item.title}}
      </md-list-item>
    </span>
  </md-list>
爱因斯唐
@forfuns
Mar 10 2016 06:35
can U see?
deeprols
@deeprols
Mar 10 2016 06:35
hi,all i am starting new project,would like to know Angular js+codeigniter is good combination to start?
爱因斯唐
@forfuns
Mar 10 2016 06:36
blob
I just want demo code like this "Data Usage"
James Ireland
@siteshackinc
Mar 10 2016 06:36
@deeprols depends on what you need for your project
爱因斯唐
@forfuns
Mar 10 2016 06:36
This message was deleted
so I just copy same code on the page buttom call "here my code"
James Ireland
@siteshackinc
Mar 10 2016 06:38
@forfuns try this:
<md-list>
   <md-list-item ng-click="doSecondaryAction($event)">
     <md-icon md-svg-icon="cached"></md-icon>
     <p>works here</p>
   </md-list-item>
 </md-list>
</div>
deeprols
@deeprols
Mar 10 2016 06:38
Its an CRM/ATS @siteshackinc
James Ireland
@siteshackinc
Mar 10 2016 06:40
i prefer angular/node type setup, but using laravel or ci for backend should be fine
爱因斯唐
@forfuns
Mar 10 2016 06:40
opps...
I finally know what your mean
ng-click or href mean "clickable"? use on md-list-item
James Ireland
@siteshackinc
Mar 10 2016 06:40
@forfuns that what you are looking for :)
yes
on the md-list-item element
deeprols
@deeprols
Mar 10 2016 06:41
as both are framework and has routing concepts so is angular is sufficient to do everything?
@siteshackinc
爱因斯唐
@forfuns
Mar 10 2016 06:41
so even I dont use that ng-click function ,but I also add on list-item
ok....resolve
thanks...
my languer problem
James Ireland
@siteshackinc
Mar 10 2016 06:42
you can even add a ui-sref or href to the md-list-item
instead of ng-click
your welcome!
angular is the frontend
and ci would be your backend
爱因斯唐
@forfuns
Mar 10 2016 06:43
you got a IM account or something I can contact you ?
James Ireland
@siteshackinc
Mar 10 2016 06:43
im on here, github, g+
爱因斯唐
@forfuns
Mar 10 2016 06:43
another people cant understand what I mean
deeprols
@deeprols
Mar 10 2016 06:44
ok, is any other combination of frame work is good?for ATS type of project? @siteshackinc
James Ireland
@siteshackinc
Mar 10 2016 06:44
yeah i had an idea what you was after :)
perhaps look at our github @deeprols https://github.com/modern-mean/modern-mean-core
Tim
@4tron
Mar 10 2016 06:45
@forfuns you can pm on gitter
爱因斯唐
@forfuns
Mar 10 2016 06:45
are you use Google Hangouts ?
James Ireland
@siteshackinc
Mar 10 2016 06:45
yes
爱因斯唐
@forfuns
Mar 10 2016 06:46
gitter is good place
James Ireland
@siteshackinc
Mar 10 2016 06:46
yes gitter is good place to IM me as well as here
爱因斯唐
@forfuns
Mar 10 2016 06:47
but if I use phone or something not netbook
James Ireland
@siteshackinc
Mar 10 2016 06:47
we have been working on this for a bit, and changing the server side to ES6, as well as re-writing the client stuff
gitter is on android, not sure about iphone...
爱因斯唐
@forfuns
Mar 10 2016 06:48
I have android and iphone,so let me search on app store
deeprols
@deeprols
Mar 10 2016 06:50
ok, i will look into it,i am good at javascript ,php and i am exploring on ci and angular,so wanted some suggestions on which framework will be helpful
爱因斯唐
@forfuns
Mar 10 2016 06:51
oh,gitter can private chat . ..
James Ireland
@siteshackinc
Mar 10 2016 06:54
@deeprols just depends on your environment and skill level on to what you are looking for
i switched to javascript over a year ago and been coding php for ever....
deeprols
@deeprols
Mar 10 2016 06:56
ok
James Ireland
@siteshackinc
Mar 10 2016 06:56
i still try to use bootstrap...material design still needs work in my eyes...a grid system like bootstrap would be sweet, as well as pagination
i need wysiwyg's editors for some of my backend...and well there really isnt anything available for material design
even materializecss doesnt have that type of support either
but does have grids and pagination...
and is very similar to bootstrap, making converting some apps from bootstrap only to materializecss
i like material design...just waiting for maturity of it come along
each framework has its own advantages and disadvantages
deeprols
@deeprols
Mar 10 2016 07:01
okay
James Ireland
@siteshackinc
Mar 10 2016 07:02
once we finish our re-write im going to push bootstrap3/4 and materilizecss to our repo
爱因斯唐
@forfuns
Mar 10 2016 07:06
@siteshackinc sorry , new problem
James Ireland
@siteshackinc
Mar 10 2016 07:07
@deeprols i use our modern-mean and use nginx for proxy passthru to our app
爱因斯唐
@forfuns
Mar 10 2016 07:07
blob
fixed:smile:
James Ireland
@siteshackinc
Mar 10 2016 07:12
:)
Craig Shearer
@craigsh
Mar 10 2016 07:46
Ah, there's a new version out - 1.1.0-rc1
James Ireland
@siteshackinc
Mar 10 2016 08:05
yeah md-list is broken :(
and md-list-item
seems margin css is the cause
Heber Nobre
@zbrukas
Mar 10 2016 11:56
Does anyone know if autocomplete allows default values in the recent releases? I've checked the changelog and found nothing. I'm using 1.0.5
Kingsley Simon
@boyfunky
Mar 10 2016 12:57
hey guys just asking so i am developing a web app with angular and in my app whenever i refresh my page, some of my data is lost. What i initially did was to hav an $stateChangeStart method in my app.js tht lets me know when the state is change or when it was refreshed and then i assign all my sessionStorage variables back to my $rootScope variables but i know tht is not an efficient way. How to handle data when you refresh pages in angular web projects. Some are data to be gotten from server but some r client side data
Jorge Cortes
@jcortes
Mar 10 2016 13:46
Hi everyone. Anyone has any idea of what is happening with this error that I get when I try to change to a particular state? btw I'm using Angular Material 1.0.4
TypeError: Cannot read property '$attrs' of undefined at file:///android_asset/www/js/lib/angular-material/angular-material.js:11182:51 at Array.map (native) at getTileSpans (file:///android_asset/www/js/lib/angular-material/angular-material.js:11178:21) at Object.layoutDelegate (file:///android_asset/www/js/lib/angular-material/angular-material.js:10986:20) at Object.GridListController.layout (file:///android_asset/www/js/lib/angular-material/angular-material.js:11257:12) at file:///android_asset/www/js/lib/angular/angular.js:1208:18 at file:///android_asset/www/js/lib/angular-material/angular-material.js:1313:11 at Array.forEach (native) at processQueue (file:///android_asset/www/js/lib/angular-material/angular-material.js:1312:15) at file:///android_asset/www/js/lib/angular/angular.js:18132:31
ok the error doesn't look properly, so http://pastebin.com/840bstqG
Jorge Cortes
@jcortes
Mar 10 2016 13:54
in addition to that, I'm trying to test it with offline mode and as an android mobile app using cordova
Jorge Cortes
@jcortes
Mar 10 2016 15:18
ok no worries, I already fixed it