Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jul 11 2016 19:26

    Splaktar on master

    fix(toast): apply theming corre… perf(icon): better handling of … fix(list): copy ng-show, ng-hid… and 49 more (compare)

  • Jun 15 2016 16:14

    Splaktar on v1.1.0-rc.5

    release: version 1.1.0-rc.5 (compare)

  • May 14 2016 05:55

    Splaktar on master

    feat(panel): initial implementa… update(panel): promise logic im… update(panel): add and remove p… and 44 more (compare)

  • May 05 2016 20:47

    Splaktar on v1.1.0-rc4

    release: version 1.1.0-rc4 (compare)

  • May 05 2016 20:47

    Splaktar on v1.1.0-rc3

    release: version 1.1.0-rc3 (compare)

  • May 03 2016 22:28

    Splaktar on es6-tutorial

    Prepare clean start Remove bow… install angular-material And i… working version of starter-app and 19 more (compare)

  • May 03 2016 22:22

    Splaktar on master

    Tutorial Readme updates Updates for Tutorial #2 Update README with tutorial ste… and 56 more (compare)

  • May 01 2016 22:56

    Splaktar on fixBlurryRightNavIe11

    fix(sidenav): rightNav button a… (compare)

  • May 01 2016 22:37

    Splaktar on master

    fix(dialog): don't clobber md-d… update version number in packag… update(changelog): sort so 1.1.… and 1 more (compare)

  • May 01 2016 22:34

    Splaktar on fixSideNavDemo

    docs(sidenav): leftNav text isn… (compare)

  • Apr 27 2016 04:14

    Splaktar on fixSideNavDemo

    docs(sidenav): invalid `md-whit… (compare)

  • Apr 27 2016 03:54

    Splaktar on master

    update(changelog): add missing … fix(toolbar): remove transition… fix(tests): Cleans up the DOM a… and 2 more (compare)

  • Apr 23 2016 01:32

    Splaktar on master

    update(docs): improve docs for … update(docs): renamed `md-text-… fix(list): clickable list-items… and 71 more (compare)

  • Apr 11 2016 03:20

    Splaktar on improveExtendThemeDoc

    update(docs): improve docs for … (compare)

  • Apr 11 2016 03:15

    Splaktar on improveExtendThemeDocs

    update(docs): improve docs for … (compare)

  • Apr 11 2016 02:57

    Splaktar on updateThemingDocs

    update(docs): renamed `md-text-… (compare)

  • Apr 11 2016 02:48

    Splaktar on master

    fix(demo, codepen): use secure … fix(build, layout): remove depr… update(build): remove stale bow… and 72 more (compare)

  • Apr 11 2016 02:48

    Splaktar on v1.1.0-rc2

    release: version 1.1.0-rc2 (compare)

  • Mar 19 2016 03:00

    Splaktar on master

    fix(checkbox): pointer events d… update(tests): remove disabled/… fix(datepicker): enable scrolli… and 20 more (compare)

  • Mar 13 2016 05:41

    Splaktar on v1.0.6

    Revert "fix(select): made selec… update(layout): add layout-nowr… fix(whiteframe): update breakpo… and 57 more (compare)

Roel
@roelzkie15

HI, mind if anyone here can help me with this question?

https://stackoverflow.com/questions/50447479/how-to-avoid-mat-tab-lazy-load-to-reset-the-controls

Its a lazy loading problem of mat-tab

lot of thanks

pgarcia118
@pgarcia118
I'm trying to use the fill appearance on an input field in my application but adding appearance="fill" to the <mat-form-field> element isn't doing anything. Any idea why this might be happening?
Chilusoft
@chilusoft
hello world!!!!
Santosh Reddy
@SantoshAvaji
Hallo Leute
Santosh Reddy
@SantoshAvaji
@SantoshAvaji
Hello , are angular material and Material design are differen?
and Is angular materail is responsive as Bootstrap?
Can i use angular mateial instead of boostrap?
and can i use Both of them togethr ?
MattHubbell
@MattHubbell
@SantoshAvaji , you can use both Angular Material and Bootstrap together. I prefer the bootstrap grid over the material grid for ease of design. Angular Material uses Google's material design prinicples as specified in https://material.io/ .
techla
@tech__la_twitter
Hi all
https://stackblitz.com/github/techla/sidenav?file=src%2Fapp%2Fsidenav%2Fdrawer.ts
that’s from the original sidenav component that I tweeked a little bit
but
if we uncomment line 114, i get an infinite loop and chrome crashes
can someone explain me why ?
naveen21f
@naveen21f
hi my angular app became very slow because of ngFor ...any suggessions to make it faster? Im using infinite scrolling and appending new data to a variable used in ngFor.
becoming more slow when scolling down more, violation 'mousedown' handler took 4567ms
Kay van Bree
@kayvanbree
@naveen21f I read somewhere that you can make events passive so it won't block scrolling. There is something about it here: https://developers.google.com/web/updates/2016/06/passive-event-listeners
I don't know if that's actually your problem though. It just sounds alike
naveen21f
@naveen21f
@kayvanbree thanx i'll go thru
Kay van Bree
@kayvanbree
Good luck
Dirt-Nasty
@Dirt-Nasty
Hey. I'm pretty new to angular and been taking classes and they are mostly built around bootstrap. I wanted to use MD but I'm having some trouble.
With bootstrap I npm install and just add it to the angular.cli.json and call it a day. It looks like theres more to MD?
I have it working in my app-component.html but its not working in my other component html.
do I have do any importing on those components?
Lisa Copeland
@lisacopeland
@Dirt-Nasty Read the getting started section of the Angular Material Guide - it is really straightforward
Did you add the imports to app.module?
Dirt-Nasty
@Dirt-Nasty
yes
its working inside my app.component.html
but not in any other component I've created
Lisa Copeland
@lisacopeland
What kind of error are you getting?
Dirt-Nasty
@Dirt-Nasty
this might be more of me just having a better understanding of angular.
No error, the themeing isn't being applyed in my other components
Lisa Copeland
@lisacopeland
is this an angular cli project?
Dirt-Nasty
@Dirt-Nasty
yes
wait I think I got it..
I was expecting it to style ul and li
Lisa Copeland
@lisacopeland
do you have the theme import in styles.css?
oh ok
Dirt-Nasty
@Dirt-Nasty
I guess it doesnt work that way, I have to import the module for lists and then use the <mat-list> etc. right?
Lisa Copeland
@lisacopeland
right
yeah - <mat-list><mat-list-item></mat-list-item></mat-list>
import each module you want to use in the app.module and then you can use it in each component
Dirt-Nasty
@Dirt-Nasty
thank you!
Lisa Copeland
@lisacopeland
@Dirt-Nasty NP
Dirt-Nasty
@Dirt-Nasty
Hey so I want to setup a separate module that holds all the material modules and just import that module into my components instead of importing each mat-module but I cant seem to get it working with Paginator
Will it work the way I am describing?
Kay van Bree
@kayvanbree
I did that a couple of times
don't know about the paginator but:
import {NgModule} from '@angular/core';
import {MatCardModule} from '@angular/material/card';
import {MatDialogModule, MatProgressSpinnerModule, MatSidenav, MatFormFieldModule} from '@angular/material';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {MatButtonModule} from '@angular/material/button';
import {MatIconModule} from '@angular/material/icon';
import {MatToolbarModule} from '@angular/material/toolbar';
import {MatListModule} from '@angular/material/list';
import {MatDatepickerModule} from '@angular/material/datepicker';
import {MatTooltipModule} from '@angular/material/tooltip';
import {MatSidenavModule} from '@angular/material/sidenav';
import {MatChipsModule} from '@angular/material/chips';
import {MatInputModule} from '@angular/material/input';
import {MatNativeDateModule} from '@angular/material';

const MATERIAL_MODULES = [
    MatCardModule,
    MatDialogModule,
    BrowserAnimationsModule,
    MatButtonModule,
    MatIconModule,
    MatToolbarModule,
    MatListModule,
    MatTooltipModule,
    MatProgressSpinnerModule,
    MatSidenavModule,
    MatChipsModule,
    MatFormFieldModule,
    MatInputModule,
    MatDatepickerModule,
    MatNativeDateModule
];

@NgModule({
    imports: MATERIAL_MODULES,
    exports: MATERIAL_MODULES,
    declarations: []
})
export class Material {
}
This worked for me, just import it in your app.module.ts
@Dirt-Nasty
Raj Bisht
@Whhymee

Hey does anyone have idea what i am doing wrong here? I need to set initial state of input box to focus. But i am getting error : this.searchBox.focus is not a function

html ->

<input matInput #searchbox>

ts ->
import { ViewChild } from '@angular/core';
import { MatInput } from '@angular/material';

@ViewChild('searchBox') searchBox: MatInput;

ngAfterViewInit() {
this.searchBox.focus();
}

MattHubbell
@MattHubbell
@Whhymee try using <input matInput #searchbox autofocus> and not use @ViewChild ?
Dirt-Nasty
@Dirt-Nasty
mine is very similiar @kayvanbree but like I said if I import that module into another component it complains about the matpaginator not being found
Dirt-Nasty
@Dirt-Nasty
How can I get cards to wrap in a row?
Kay van Bree
@kayvanbree
Anybody got experience setting up the angular/material package?
Wait. Just noticed I'm running the wrong script for the demo app
Kay van Bree
@kayvanbree
Does it always take about 2 minutes for a change to be built in the demo app?