angular/material

AngularJS Material: Material Design component library for AngularJS (1.x). Use angular/material2 channel for Angular Material (v2+).

Tim Burnell

@tmburnell

someone else opened this: angular/material2#10523
but cant find history here or stack overflow. Does anyone have an answer?

Tim Burnell

@tmburnell

is this even valid ts syntax open<T, D = any>

Tim Burnell

@tmburnell

I have found that any function that uses the syntax <R = any> fails ts validation and shows an error in WebStorm IDE

Pankaj Kumar

@pankumarptc

hi all, could someone guide me how to write custom function for mat-error tag with if condition like *ngIf="checkError()"

MattHubbell

@MattHubbell

@mdmyr did you import mat-toolbar? ie: import {MatToolbarModule} from '@angular/material/toolbar';

samavamsi1

@samavamsi1

            <span class="break">
              <label class="switch">
                <input type="checkbox" checked>
                <span class="slider round"></span>
              </label>
            </span><input type="number" name="Density" [(ngModel)]="op.Ro" placeholder="0" required #density="ngModel" [style.width.px]="80">

How to disbale a input text box when toggle button is enabled

swshyamash

@swshyamash

can we use sailsjs and angular together?

Toni

@SpeedoPasanen

@swshyamash sure, you can use any backend

if it can serve static files, it can serve anguar :D

Tim Burnell

@tmburnell

does anyone know how to render a snackbar inside a container (div) instead of the window? I tried to use ViewContainerRef however it still aligned itself to the window.

Tim Burnell

@tmburnell

Can someone help make this work, load the tooltip in a container. https://stackblitz.com/edit/angular-material-tooltip-in-container

Abdul Quadar

@Abdul-Quadar-Quazi

can anyone suggest me how to make snackbar message as per i18n

raman

@randrianov

Hello, guys.
We released the best Material Design Lite select for google material design library. Will be happy if anyone find it useful!
https://github.com/CreativeIT/getmdl-select
Please press star to support us :)
Will appreciate and use feedbacks for improvements.
Thank you!

Toni

@SpeedoPasanen

@randrianov what makes it better than the one in @angular/material? if i may ask :)

sorry to say but just by looking at the demo code yours looks a lot more complicated to use.. need all kinds of ul>li with every li having a class etc?

Saurabh

@isaurabhdixit

Hi, guys.
Is there any official documentation for angular material flex layout? I've tried looked over the internet but couldn't find one. Please refer link if there's any. Thanks :smile:

Nikhil Devre

@nikhildevre

@isaurabhdixit check https://github.com/angular/flex-layout/wiki/API-Documentation.

Saurabh

@isaurabhdixit

@nikhildevre Thanks for sharing. :smile:

warlockD

@warlockdn

why are there so less angular open source apps. all u see is react. n still people are saying angular is not production ready.

wonder why

vishalgajjar

@vishalgajjar

does anyone know how to hide all open mat-menu? I am using material-angular and I want to hide other open menu If I click on the one mat-menu.

vishalgajjar

@vishalgajjar

guys I am getting this error while running Karma Can't bind to 'matMenuTriggerFor' since it isn't a known property of 'button'.

any idea how to fix it ?

Tim Burnell

@tmburnell

Have you made sure to import material into the test?

like MatMenuModule

samavamsi1

@samavamsi1

ngDoCheck() {
console.log('hello'); // print this Multiple type more than thousand times
this.selectedProject.GasOperatingPoints = this.selectedProject.GasOperatingPoints.map(
r => {
const Ro = this.altitudeCal(r.T, r.F, r.Dpt, r.Altitude);
return { ...r, Ro: Ro };
}
);
}

stherrienaspnet

@stherrienaspnet

Hello could someone give a link me to a material design demo app with nice form fields layout

stherrienaspnet

@stherrienaspnet

Hello does anyone know how to implement this kind of layout?

Icon placed on the side of the fields

Kaushik Dhameliya

@dkaushikl

Hello, how to use multiple themes in angular material

Tim Burnell

@tmburnell

https://stackblitz.com/edit/angular-demo-form

@rajkumart08_twitter

Hi,

I am new to js.
I am analysing a simple code.
not sure how it works.
for the first time this line console.log("alphabet--->" + alphabet); is printing undefined counts[alphabet]--->undefined
can you tell me why its printing undefined.
for the second time its printing 3 at this line console.log(counts[alphabet] + 1);
but it should print two right since 1+ 1.
can you guys explain so that in future I can fix it myself.
providing my code changes below.


var str = "aaabbccccddd";
var arr = str.split("");
var counts = {};
for (var i = 0; i < arr.length; i++) {
    var alphabet = arr[i];
    console.log("alphabet--->" + alphabet);
        console.log("counts[alphabet]--->" + counts[alphabet]);

    if (counts[alphabet]) 
        {
            counts[alphabet] = counts[alphabet] + 1;
            console.log("inside if--->");
            //console.log("inside if--->" + counts[alphabet] + 1);
            console.log(counts[alphabet] + 1);
        }
    else
    { 
        counts[alphabet] = 1;
        console.log("inside else--->");
        console.log(counts[alphabet]);

        //console.log("inside else--->" + counts[alphabet] + 1);
    }
    //counts[alphabet] = counts[alphabet] ? counts[alphabet] + 1 : 1;
}

console.log('a: ' + counts['a'] + '\n b: ' + counts['b'] + '\n c: ' + counts['c'] + '\n d: ' + counts['d'])

output

alphabet--->a
counts[alphabet]--->undefined
inside else--->
1
alphabet--->a
counts[alphabet]--->1
inside if--->
3
alphabet--->a
counts[alphabet]--->2
inside if--->
4
alphabet--->b
counts[alphabet]--->undefined
inside else--->
1
alphabet--->b
counts[alphabet]--->1
inside if--->
3
alphabet--->c
counts[alphabet]--->undefined
inside else--->
1
alphabet--->c
counts[alphabet]--->1
inside if--->
3
alphabet--->c
counts[alphabet]--->2
inside if--->
4
alphabet--->c
counts[alphabet]--->3
inside if--->
5
alphabet--->d
counts[alphabet]--->undefined
inside else--->
1
alphabet--->d
counts[alphabet]--->1
inside if--->
3
alphabet--->d
counts[alphabet]--->2
inside if--->
4
a: 3
b: 2
c: 4
d: 3

Tim Burnell

@tmburnell

first pass you set count[alphabet] = 1 second pass you add 1, but then add another one on display (but does not retain the second addition)

Narendra

@NarenShalem

@NarenShalem
hi
any one suggest multiple action label for single snakbar

like confirmation message cancel and ok

Raj Bisht

@Whhymee

hey, how to integrate font-awesome 5 with angular material

Tim Burnell

@tmburnell

I spent a little time the other day and could not get it to work. most of what i found was for use where you still had to build it.

Kaushik Dhameliya

@dkaushikl

@Whhymee check https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/include-font-awesome.md

Tim Burnell

@tmburnell

that looks like 4.7 not 5

Kaushik Dhameliya

@dkaushikl

i have already use with angular 5

Raj Bisht

@Whhymee

yeah its version fa 4.7 not 5

yurigoular

@yurigoular

good morning, i'm having a little problem with md-input-container in angular material, in mobile version, when i set the focus in the input, the mobile open the virtual keyboard, but the javascript don't set the focus on the input, so the input stay behind the element, can somente help me?

stherrienaspnet

@stherrienaspnet

How to set form as pristine?

yurigoular

@yurigoular

$scope[formName].$setPristine()

stherrienaspnet

@stherrienaspnet

I'm using angular 5

yurigoular

@yurigoular

this.form.markAsPristine()

stherrienaspnet

@stherrienaspnet

thanks :))

Where communities thrive

People

Repo info

Activity