These are chat archives for angular/material

5th
May 2016
hsiri
@hsiri
May 05 2016 06:09
hi everyone.. i'd like to ask something about md-select. i have a nested ng-repeat, then my md-select and md-options is inside that ng-repeat. unfortunately, i encountered some performance issue on this, i have tried the angular select(the one with ng-options) and it was working fine. have someone encountered this?
jmls
@jmls
May 05 2016 08:44
any idea why I get this ?
blob
  <md-input-container >
                <label>City</label>
                <md-icon>dashboard</md-icon>
                <input ng-model="$ctrl.data">
            </md-input-container>
Shany G
@shanytc
May 05 2016 08:58
u need padding inside the input
emna
@emna24
May 05 2016 08:59
for a tutorial button named "don't show it again"
is it right to call it by this way : element(by.css('.introjs-skipbutton'));
</div></md-card-content> </md-card><!-- end ngIf: !expandChart --> </div> </div> </div></md-content> </div></div> <!-- Google Analytics: change UA-XXXXX-X to be your site's ID --> <!--<script>--> <!--!function(A,n,g,u,l,a,r){A.GoogleAnalyticsObject=l,A[l]=A[l]||function(){--> <!--(A[l].q=A[l].q||[]).push(arguments)},A[l].l=+new Date,a=n.createElement(g),--> <!--r=n.getElementsByTagName(g)[0],a.src=u,r.parentNode.insertBefore(a,r)--> <!--}(window,document,'script','https://www.google-analytics.com/analytics.js','ga');--> <!--ga('create', 'UA-XXXXX-X');--> <!--ga('send', 'pageview');--> <!--</script>--> <script src="scripts/vendor.js"></script> <script src="cordova.js"></script> <script src="scripts/scripts.js"></script> <script src="https://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/sha1.js"></script> <script src="https://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/sha256.js"></script> <script src="https://crypto-js.googlecode.com/svn/tags/3.1.2/build/components/enc-base64-min.js"></script>  <div class="introjs-overlay" style="top: 0;bottom: 0; left: 0;right: 0;position: fixed;opacity: 0.8;"></div><div class="introjs-helperLayer " style="width: 538px; height:366px; top:64px;left: 195px;"></div><div class="introjs-tooltipReferenceLayer" style="width: 538px; height:366px; top:64px;left: 195px;"><div class="introjs-tooltip" style="left: 546px;"><div class="introjs-tooltiptext">Watchlist view. Swipe the row in the grid to the left to show the delete action.</div><div class="introjs-bullets"><ul><li><a class="active" href="javascript:void(0);" data-stepnumber="1">&nbsp;</a></li><li><a href="javascript:void(0);" data-stepnumber="2">&nbsp;</a></li><li><a href="javascript:void(0);" data-stepnumber="3">&nbsp;</a></li><li><a href="javascript:void(0);" data-stepnumber="4">&nbsp;</a></li><li><a href="javascript:void(0);" data-stepnumber="5">&nbsp;</a></li><li><a href="javascript:void(0);" data-stepnumber="6">&nbsp;</a></li><li><a href="javascript:void(0);" data-stepnumber="7">&nbsp;</a></li><li><a href="javascript:void(0);" data-stepnumber="8">&nbsp;</a></li></ul></div><div class="introjs-progress" style="display: none;"><div class="introjs-progressbar" style="width:12.5%;"></div></div><div class="introjs-arrow left" style="display: inherit;"></div><div class="introjs-tooltipbuttons"><a class="introjs-button introjs-skipbutton" href="javascript:void(0);">Don't show it again!</a><a href="javascript:void(0);" class="introjs-button introjs-prevbutton introjs-disabled" tabindex="-1">Previous</a><a href="javascript:void(0);" class="introjs-button introjs-nextbutton">Next</a></div></div></div></body></html>‚Äč
Shany G
@shanytc
May 05 2016 08:59
to move the left (padding-left) away from the icon's place
emna
@emna24
May 05 2016 08:59
blob
Shany G
@shanytc
May 05 2016 08:59
@jmls
jmls
@jmls
May 05 2016 09:09
@shanytc , oh, ok - I was just using the sample code from the website
<md-input-container class="md-icon-float md-block">
      <!-- Use floating label instead of placeholder -->
      <label>Name</label>
      <md-icon md-svg-src="img/icons/ic_person_24px.svg" class="name"></md-icon>
      <input ng-model="user.name" type="text">
    </md-input-container>
was confused why that worked and mine didn't ;)
but now I see some classes ;)
Shany G
@shanytc
May 05 2016 09:11
:)
jmls
@jmls
May 05 2016 09:12
hmm
still no joy
even with class="md-icon-float md-block"
jmls
@jmls
May 05 2016 09:20
so, there must be some css issue with my layout
works just fine , even with no classes
jmls
@jmls
May 05 2016 10:15
jeez
today is a day for obscure errors
TypeError: this.items.push is not a function
    at MdChipsCtrl.appendChip (https://myapp/bower_components/angular-material/angular-material.js:20508:26)
and, as I post, I think I know what the problem is. the ng-model target is an empty / null field, not an empty array ?
hsiri
@hsiri
May 05 2016 10:55
should be an empty array
jmls
@jmls
May 05 2016 11:21
yeah, I fixed by using ng-init setting it to an array if it was null
Ahpple T. Gonzales
@ahppleg
May 05 2016 12:28
\
chan nnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnc,,,dcewv3rtrv
jmls
@jmls
May 05 2016 13:30
I suspect a cat ...
Shaun O'Brien
@areologist
May 05 2016 14:11
Turns out in the course of development that I really only need a small subset of angular material, and yet it pushes my js bundle well over 1 MB. Is it possible to include only bits of angular material?
namely: flexbox layout classes/directives, md-input-container, md-select, md-ink-ripple, the palette subsystem and icon-management subsystem, md-icon.. that's probably about it.
well, some of the containers too
Michael Prentice
@Splaktar
May 05 2016 17:34
If you use a tree shaker like Closure compiler, it could be possible. Angular 2 is going to support this kind of thing out of the box.
Shaun O'Brien
@areologist
May 05 2016 18:00
Thanks Michae;
Michael*&