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)

JavaScriptNinja
@born2net
@born2net
Hi guys, I am trying to filter a list of items using the Drag Material CDK... all is working well when my list is not filtered, however when I filter it, and drag and drop, I get the wrong item (wrong index) on the drop, I created a working example, as you can see, filter by let's say "av" and drag avocado to drop area and you will get Carrot as the index is referring to the old data source, any ideas are appreciated, here is a working example of the problem: https://stackblitz.com/edit/angular-agf3kv-wjxwdm?file=app/cdk-drag-drop-disabled-sorting-example.css
I am sure I am missing something on the moveItemInArray
JavaScriptNinja
@born2net
ok fixed
JavaScriptNinja
@born2net

Angular material drag and drop between two tables...
Trying to drag and drop and receiving table does not accept the drop.
Working example:"
https://stackblitz.com/edit/angular-agf3kv-qhsmgp?file=app/cdk-drag-drop-disabled-sorting-example.css

TX

Ross Moroney
@code-ph0y
hey guys, wonder if anyone can help with an issue am facing with the drag and drop component in cdk .. I am adding it into the module using the examples online but it's not dragging
the terminal doesn't show any errors when building and there is no errors in the browsers console which leads me to believe that its something else?
Ross Moroney
@code-ph0y
I have noticed something now, the div that I have put the drag attribute on doesn't have an event registered; however, the example page does ... has anyone had this issue before?
Joe
@foxjazz
@code-ph0y put it on stackblitz:
Michael Prentice
@Splaktar
@born2net @code-ph0y This channel is for AngularJS Material. Please use the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.
Joe
@foxjazz
```
 transferArrayItem(event.previousContainer.data,
        event.container.data,
        event.previousIndex,
        event.currentIndex);
```
trying drag drop, but item isn't removed from previous list
<mat-list class="example-list"
          cdkDropList
          [cdkDropListData]="rows"
          id="dropListDesto{{index}}"
          [cdkDropListConnectedTo]="getDragDestoIndex(index)"
          (cdkDropListDropped)="drop($event)">
  <div *ngFor="let row of rows;let ii = index">
    index{{index}}

    <app-data [setdata]="row" [index]="ii" [shooter]="'vertical'"  [cdkDragData]="row" [enable]="true" cdkDrag>{{row.title}}</app-data>
  </div>
</mat-list>
Joe
@foxjazz
hmm looks like the *ngFor just isn't redraing the list
redrawing
Cody Mikol
@codymikol
@foxjazz This channel is for AngularJS Material. Please use the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.
Joe
@foxjazz
@codymikol if this was for angularJS material, it would be called that.
otherwise it's angular, and thats my story
should be yours to
Cody Mikol
@codymikol
image.png
@foxjazz
It is friend
Joe
@foxjazz
so I need angular/material2 you are saying, hahahah
Meshack Ogeto
@sharkdevs
Hello Here.. pleasure to join in
Armel
@kenany92
Hello everyone.
Armel
@kenany92
I'm new in angular material. I'm trying to use drag and drop. It works fine except of it is inside an angular material component like tab or accordion: it cannot go over the component. It is the real behavior or It is something else?
Michael Prentice
@Splaktar
@kenany92 This channel is for AngularJS Material. Please use the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.
Peter E Olsen III
@hepaestus
Hey all. Trying to install Material Design in a Jhipster Angular Project, but the styles are not working. My Cards do not look like cards.
ANy CLues?
Peter E Olsen III
@hepaestus
I am wondering why it is that when I set a value to a form that form element becomes READ-ONLY. I am using a FormControl mat-input. Is there some property I am not seeing that sets it read only?
Cody Mikol
@codymikol
This channel is for AngularJS Material. Please use the https://gitter.im/angular/material2 channel for Angular (v2+) Material and CDK.
mindruion
@mindruion
Hello everyone
I have such a problem when I am trying to make ng build --prod
ERROR in : Directive MatFormFieldControl in /var/www/frontend/node_modules/@angular/material/form-field/index.d.ts has no selector, please add it!
Does anyone know from where this comes?
Cody Mikol
@codymikol
See my last message
ZBAGI
@ZBAGI

Hi, looks like i have problem with stylig popups - here is how initiate style:

.clubhub-user-panel {
    @include angular-material-theme($my-theme);
    @include app-theme($my-theme);
}

And the problem is clubhub-user-panel is a css class in the app-component

<div class="clubhub-user-panel">
    <mat-progress-bar mode="indeterminate" *ngIf="isLoading"></mat-progress-bar>
    <router-outlet></router-outlet> // Everything is here
</div>

So when popup shows up is outside of the clubhub-user-panel class thus style is not applied.

image.png
How can i fix it ?
I found something like this:
angular/components@cbd42f0
ZBAGI
@ZBAGI
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) 
            })
        )
    }