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)

ZBAGI
@ZBAGI
How can i fix it ?
I found something like this:
angular/components@cbd42f0
But @angular/material does not have OverlayContainer export anymore
so how do i do it now ?
ZBAGI
@ZBAGI

Hey, how do i pass ng-container inside ng-content ?? I want to make this work:

<app-list>
    <ng-container matColumnDef="id">
        <th mat-header-cell *matHeaderCellDef> ID</th>
        <td mat-cell *matCellDef="let account"> {{account.id}} </td>
    </ng-container>
</app-list>

And then app-list template:

<table mat-table [dataSource]="paginator" *ngIf="paginator">
    <ng-content> </ng-content>

    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>

But looks like mat-table cannot see containers defined in parent

Vidhi Khanna
@vidhikhanna
Issue with indeterminate state of select all check box when combined with filtering. Hey, I am using mat-table to show my collection in a grid form in my project. I am using both filtering and multi selection as per documentation given on https://material.angular.io/components/table/overview. The issue is when I put a text filter that results in fewer rows in my table and do select all from top most check box to select just those fewer rows (excluding those that are not part of filter), and when I uncheck those filtered rows one by one, my top most check box goes in checked state although no row is selected. I have added a video recording of the issue to explain it better. Also the stackblitz link is: https://stackblitz.com/angular/vkgnqdjedoyg?file=src%2Fapp%2Ftable-selection-example.html
Mile Mijatović
@mijatovicmile
Hello, can you help me with Angular material table ?
<table mat-table [dataSource]="offers" class="mat-elevation-z8">
    <!-- ID Column -->
    <ng-container matColumnDef="id">
        <th mat-header-cell *matHeaderCellDef> ID </th>
        <td mat-cell *matCellDef="let element"> {{ element | json }} </td>
    </ng-container>


    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
when I try element | json
I get this response
image.png
but when I change to element.id , table is empty
in service I have this code
    getOffers(): Observable<Offer[]> {
        return this.http.get(OFFERS_API)
            .pipe(map(fetchedOffers => { 
                // Transform Object to an Array so later we can loop throug that Array
                return Object.values(fetchedOffers) 
            })
        )
    }
in component this code
    ngOnInit() {
        this.customersService.getOffers()            
        // Subscribe to transformed Data
        .subscribe(transformedData => {
            this.offers = transformedData;
            console.log('Offers from component', this.offers);
        }, error => {
            console.log('Error occured', error);
        })
    }
any suggestion please ?
what is wrong with my code , anyone knows _
HaSanAlkholy
@HaSanAlkholy
hi
anyone here
Yann-Thomas LE MOIGNE
@yatho
Hello @HaSanAlkholy, when you say "when I change to element.id":
You have made this change ?
<table mat-table [dataSource]="offers" class="mat-elevation-z8">
    <!-- ID Column -->
    <ng-container matColumnDef="id">
        <th mat-header-cell *matHeaderCellDef> ID </th>
        <td mat-cell *matCellDef="let element"> {{ element.id }} </td>
    </ng-container>


    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
Alex
@alexcarrasco93
hello
i'm using angular material datepicker and everytime i write in an input an invalid date automatically change the value for a vaid value. For example i write "18/02/1993aaaaa" and when i blur the input it changes to "18/02/1993"
i want to get the event when the input value is already changed
i tried (dateInput) and (dateChange) EventsEmitters to catch it but the catch the invalid value "18/02/1993aaaaa"
Yann-Thomas LE MOIGNE
@yatho
@alexcarrasco93 , could you provide an example of your code, I have used this feature on my project, and if I have not a date as input, the field was not a valid value
image.png
Michael Prentice
@Splaktar
@alexcarrasco93 @yatho @mijatovicmile @vidhikhanna @ZBAGI This channel is for AngularJS Material. Please use the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.
@HaSanAlkholy hello there :smile: :wave:
Michael Prentice
@Splaktar

I am organizing a Hangouts Meet call with contributors to AngularJS Material on March 4th at 6pm EST (based on the Doodle that I sent out to active contributors).

This meeting is an opportunity, for contributors to AngularJS Material, to ask questions, discuss ideas, and make plans for future contributions. It's also an opportunity to help coordinate contributions and get updates on release milestones and project updates.

If you would like to get an invite, please email me at michael.prentice@devintent.com.

*Please note that we will not be discussing Angular Material (v3+), Angular CDK, Google Maps, or YouTube Player.

Chandrakanth Reddy
@CHANDRAKANTHREDDY93
Hi, how to run .sh file from Angular app. Please help
Michael Prentice
@Splaktar
@CHANDRAKANTHREDDY93 Can you be more specific? Are you talking about a specific .sh file in the AngularJS Material repository?
narendratech
@narendratech

Hi Guys,

any suggestions, i am facing content projection issue with material menu

Michael Prentice
@Splaktar
@narendratech hello. There isn’t enough information there to know where to start helping you.
narendratech
@narendratech
@Splaktar: I have create one component with mat menu, and i am passing sub menu items using ng-content but sub menu items mouse over is not showing menu items

@Splaktar : nested-menu-example component htmlis below

<button mat-button [matMenuTriggerFor]="animals">Animal index</button>

<mat-menu #animals="matMenu">
<button mat-menu-item >Test</button>
<button mat-menu-item>Test2</button>
<ng-content> </ng-content>
</mat-menu>

<nested-menu-example>
<button mat-menu-item [matMenuTriggerFor]="vertebrates">Vertebrates</button>
<button mat-menu-item [matMenuTriggerFor]="invertebrates">Invertebrates</button>
<mat-menu #vertebrates="matMenu">
<button mat-menu-item >Fishes</button>
<button mat-menu-item >Amphibians</button>
<button mat-menu-item >Reptiles</button>
<button mat-menu-item>Birds</button>
<button mat-menu-item>Mammals</button>
</mat-menu>

<mat-menu #invertebrates="matMenu">
<button mat-menu-item>Insects</button>
<button mat-menu-item>Molluscs</button>
<button mat-menu-item>Crustaceans</button>
<button mat-menu-item>Corals</button>
<button mat-menu-item>Arachnids</button>
<button mat-menu-item>Velvet worms</button>
<button mat-menu-item>Horseshoe crabs</button>
</mat-menu>
</nested-menu-example>

Michael Prentice
@Splaktar
@narendratech This channel is for AngularJS Material. Please use the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.
Joe
@foxjazz
drag drop question. I have 2 lists, but when one is empty there is no space to dragTo. Is there a common pattern for this situation?
Michael Prentice
@Splaktar
@foxjazz This channel is for AngularJS Material. Please use the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.
Joe
@foxjazz
you really shoudl fix that
(angularjs)/material pitty the fool
Michael Prentice
@Splaktar
@foxjazz It’s based on GitHub organization and repo. There is no AngularJS organization on GitHub. We posted a descriptive title at the top of the channel and a channel description to clarify this.
Rini30
@Rini30
i am using drag and drop material ui for dragging an image all around.But i am facining an issue on how to drag and drop in into a next container?.I have defined a div tag and linked it.But still unable to drop the image.
Any help
here is the code

<div class="box1" cdkDropList #image="cdkDropList" [cdkDropListConnectedTo]="[nextblock]" (cdkDropListDropped)="drop($event)" [cdkDropListData]="url">
<input type="file" (change)="fileChange($event)" placeholder="Upload file" >
<img #filter id="blah" [src]="url" alt="your image" cdkDrag/>
</div>

<div class="box2" cdkDropList #nextblock="cdkDropList" [cdkDropListConnectedTo]="[image]" [cdkDropListData]="[filter2]" (cdkDropListDropped)="drop($event)" (cdkDropListEntered)="setColor()">
<img #filter2>
</div>
<div class="box2">Box 2</div>
<div class="box2">Box 3</div>

jmwierzbicki
@jmwierzbicki

hello, need help with cdk-overlay:
I want my dropdowns to resposition whenever user scroll, however while using built in reposition strategy scrolling down results in element sticking to top screen border, while it should leave viewport, and eventually close, when autoClose option is true

Overlay documentation says that it is possible to create custom position strategy, but there are no examples, and i don't know how to do it

jmwierzbicki
@jmwierzbicki

Strangely, when i use
deprecated

this.overlay.position().connectedTo(
    this.elementRef,
    {originX: 'end', originY: 'bottom'},
    {overlayX: 'end', overlayY: 'top'}
  )

it works better

Cody Mikol
@codymikol
@jmwierzbicki This channel is for AngularJS Material. Please use the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.
christian
@kresdjan
Hi all, is it possible to ng add @angular/material or setup/load Angular Material only with a specific module? Like say an admin area? And not loading it globally?
Michael Prentice
@Splaktar
@kresdjan This channel is for AngularJS Material. Please use the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK. You just need to import the appropriate Angular Material modules in the lazy loaded modules that need them rather than in the root AppModule.