These are chat archives for angular/material

13th
Jul 2017
AmalHanif
@AmalHanif
Jul 13 2017 10:30
Anyone tell me the best carousel without jquery..?
Daniel Bartholomae
@dbartholomae
Jul 13 2017 10:40
hi there! Do you know if there is a specific reason why dialogs use the dialogRef and MD_DIALOG_DATAinterface instead of Inputand Output?
masber
@masber_twitter
Jul 13 2017 10:50
hi, how can I tell my material components to use the reboto font? at the moment it is using the inherit one
user2301
@user2301
Jul 13 2017 12:36
@azarus ha ha okay thanks :) Hopefully
user2301
@user2301
Jul 13 2017 12:53
I have angular 2 application, where I am displaying cards in different colors in rows and columns.I have added 2 expansion panels to the card. I want the panel to fit the card width and to have same colour as of the card.Also the contents in the panel to be left aligned. On expanding the panel, all the cards in the same row gets expanded. How do I fix this issue? Or this is the expected behaviour?
     <div fxLayout="row" fxLayoutWrap  style="padding-bottom: 15px; 
    padding-top: 15px; margin:auto; justify-content: center;background-color:paleturquoise;" >  
    <md-card fxFlex.gt-md="30" fxFlex.md="30"  fxFlex.sm="auto" fxFlex.xs="100" *ngFor="let data of myData" style="margin:10px;"
[ngStyle]="{'backgroundColor': data.time > timeLimit1  ? '#69F0AE':(data.time < timeLimit2  ? '#FF5252':'yellow' )}">
        <md-card-content >  
        <h1>Name: {{data.name}} </h1> 
        <h3 [ngStyle]="{'margin-top': '-3px','margin-bottom': '20px'}">{{data.time | date:'HH:mm:ss, MMMM dd'}}</h3>
        <h3>
        <a routerLink="">some link here</a> 
        </h3>
            <expansion-panels-container>
                <expansion-panel >
                <expansion-panel-title>
                Title1
                </expansion-panel-title>
                <expansion-panel-content>
                <h2>content1: {{data.somedata1 }}</h2>
                <h2>content2: {{data.somedata2}}</h2>
                <h2>content3: {{data.somedata2}}</h2>
                <h2>content4: {{data.somedata3}}</h2>
                </expansion-panel-content>
                </expansion-panel>
                <expansion-panel>
                <expansion-panel-title>
                Title2
                </expansion-panel-title>
                <expansion-panel-content>
                <h2>content2: {{data.somedata2}}</h2>
                <h2>content3: {{data.somedata2}}</h2>
                <h2>content4: {{data.somedata3}}</h2>
                </expansion-panel-content>
                </expansion-panel>
            </expansion-panels-container>
        </md-card-content>
    </md-card> 
    </div>
Luke Skelhorn
@SCRATK
Jul 13 2017 16:08
Hi I'm trying to make an email validator that checks if an email is in use and I have this
<md-error *ngIf="uniqueEmail == false && ( NewFaithLeader.controls['emailForm'].dirty || emailForm.touched)">
   Email already in use
</md-error>