Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • 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)

L Suarez
Well, never mind that. Anyway, is it possible to bind a chip list to a FormArray, before I give this a go?
Carlos Orama

Hello. I'm trying to do a Table with a Filter but upon changing the Datasource to MatTableDataSouce (export class X extends Y<object>) I get an error, which states something along the lines of

property connect in type is not assignable MatTableDataSource

Check material2 this is for angularjs 1.x
does anyone know the best way to import $primary,$accent and $warn in material 7
I've read some older blog articles
but they dont seem right
💥 Hello, guys. We launched the Angular Material Dashboard! It is developed especially for Open Source community.
Сheck it out right now and star our repo: https://github.com/CreativeIT/material-angular-dashboard
Will appreciate and use feedbacks for improvements.
Michael Prentice
@Grechits that looks very nice! However, this channel is for AngularJS. The Angular Material channel is https://gitter.im/angular/material2.
@wdunn001 You can’t import them directly from Angular Material, but if you save them when you configure the custom theme, then you can access this. The Angular Material channel is https://gitter.im/angular/material2.
Ahmed Nour
Ramon Jr. Yniguez
Ahmed Nour
i use bootstrap in angular project
its work fine in development mode
but after deploy its never work collapse menu
    <li *ngIf="clientsSize > 1" class="menu">
      <a href="#exampledropdownDropdown" aria-expanded="false" data-toggle="collapse">
          <i class="far fa-file-alt"></i>My Lists </a>
      <ul id="exampledropdownDropdown" class="collapse list-unstyled">
        <li *ngFor="let client of clients"  >
          <a (click)="getClientCases(client.id)"  aria-expanded="false"   style="cursor: pointer">
here is the code
Ramon Jr. Yniguez
are you attempting to animate style=“cursor:pointer”. ?
Ahmed Nour
but i did it in another tag but its work fine
but when i type the url its open fine but never open the menu and the arrow disapear
Ramon Jr. Yniguez
hard to tell, when is clientsSize > 1
Yaakov Chaikin
Is there a way to ID a mat-expansion-panel sitting inside of mat-accordion. I'm capturing them through @ViewChildred(MatExpansionPanel) groups: QueryList<MatExpansionPanel>. When something happens , need to get the reference to the element that is a specific panel within that list of panels.
Actually, even getting its index within the QueryList would work, but I don't see a way to get that.
Yaakov Chaikin
I guess I can use QueryList.toArray().
Yaakov Chaikin
However, I wonder how stable it is to depend on the order of the panels in the QueryList? So, I am still kind of wondering if there is a way to attach some ID or some data to the panel that I can later pull out using QueryList and compare if that's the one I need. Any suggestions?
Ahmed Nour
can i use angular cli deffrent versions in the same project
in local host its cli 6.2.8
in the server 7.0.2 i think
should i use the same versions ?
Ahmed Nour
i need to make selected item in my dropdown meny colored by diffrent color
i made it by css but its not worked
how can i make selected item or active item take the diffrent color of items
i use class active but its not working
@ychaikin this is for angularjs material, check the material2 room
same for you @Ahmedgadd although it sounds like you might just want to check the angular room for your question
Yaakov Chaikin
@codymikol oops. Sorry.
Michael Prentice
yep, you can find it here: The Angular Material channel is https://gitter.im/angular/material2. Also neither Material channel is the right place to ask about Bootstrap.
@Ahmedgadd yes you should use the same versions. But you should also not be using Angular CLI to serve content in production (which it sounds like you might be doing if you are using it “on the server”).
Dave Vaughan
hey peeps. I've hit a wall trying to figure out what to change after upgrading to angular 1.7.5. I'm getting Namespace ''angular'.material' has no exported member 'IDialogService'. and a bunch of others, after already having material 1.1.10 running fine, but upgrading angular. Is there some new way we're supposed to reference dialogservice ?
Samarth Saxena
guys i have bunch of products ( I created products on cards) so now i want to filter it . Any Idea how to do it
Can anyone please help i am getting radio button values from backend to frontend with checked. without placing [(ngModel)] values are getting fine. but i want to update that getting values, for that i used [(ngModel)]. When i placed the [(ngModel)] the values are not getting.
<div class="form-group">
                            <span>Please confirm that you have suitable experience and knowledge to review this article:</span>
                            <div class="radio">
                                <input type="radio" name="content"  [(ngModel)]="review.content"  
                                *ngIf="editUserDetails[0].content=='Yes'" value="{{review.content}}" [checked]="true">
                                <input type="radio" name="content"  [(ngModel)]="review.content"  
                                *ngIf="editUserDetails[0].content=='No'" value="{{review.content}}" [checked]="false">
                                <input type="radio" name="content"  [(ngModel)]="review.content"  
                                *ngIf="editUserDetails[0].content=='No'" value="{{review.content}}" [checked]="true">
                                <input type="radio" name="content"  [(ngModel)]="review.content"  
                                *ngIf="editUserDetails[0].content=='Yes'" value="{{review.content}}" [checked]="false">
Ramon Jr. Yniguez
Not too sure. Could the name attribute throwig the ngModel ?

Hi All,

I have a component the below template in a separ

import { Component } from '@angular/core';

@Component( {
selector: 'jhi-search-component',
template: `
<form class="form-inline" (ngSubmit)="search()" >
<div >
<span class="col-sm-4">Search By</span>

      <select class="form-control col-sm-4" [(ngModel)]="propkey" name="propkey">
              <option value=" "></option>
             <option   *ngFor="let prop of entity | keyvalue"> {{prop.value}}</option>
    <select class="form-control col-sm-4 " [(ngModel)]="operation" name="operation" >
                <option value='='>=</option>
                <option value='<'>&lt;</option>
                <option value='>'>&gt;</option>                 
       <input class="form-control mr-sm-2 col-sm-4" type="search" placeholder="Search" aria-label="Search" [(ngModel)]="searchvalue" name="searchvalue">
   <button class="btn btn-primary float-right" type="submit">
   <fa-icon [icon]="'search'"></fa-icon>

} )
export abstract class SearchComponent {
searchvalue: any;
operation: any;
propkey: any;
entity: any[];
abstract search();


and i have addded the component in another component as <jhi-search-component></jhi-search-component>

I would like to set the this properties in another component that acutally uses it ,in the component that actually displays this i set the this class properties ,
but still it is not reflected in the screen

As this template uses ngModel my expectation is that the two way is enabled and that it shoud detect the changes and display.

But it didnt

Also the search inspite of the component implemeting ..it didnt execute it.

an anyone suggest me what is wrong..

All these properties will have their values only after ngOnInit of the component actually using this.

Siddhant Srivastav
Hey all! I'm tryingto implement autocomplete with filter as directed here. I'm facing issues and here's the error log
Uncaught Error: Template parse errors:
Can't bind to 'formControl' since it isn't a known property of 'input'. ("example-full-width">
        <input type="text" placeholder="Pick one" aria-label="Number" matInput [ERROR ->][formControl]="myControl"
        <mat-autocomplete #auto="matA"): ng:///CourseModule/AddTopicComponent.html@2:79
I have imported theuto MatAutocompletedModule but it doesn't seem to work.
Please help
Suren Konathala
Hi, are there any free/open-sourced pre-built full website templates with angular+material? The only example i could find so far is https://github.com/angular/material.angular.io (for the website https://material.angular.io/ )
Michael Prentice
@ksurendra @WickedBrat1 @smfaizalkhan @PRUDHVi100 this channel is for AngularJS Material (1.x). The Angular Material channel is https://gitter.im/angular/material2.
@rbnzdave currently the types are defined and maintained externally as part of the DefinitelyTyped repo and not part of AngularJS Material. You could try submitting an issue there. I’ve been investigating adding official type support for AngularJS Material, but there is nothing ready yet.