(Angular Material Examples) Updated the examples

This commit is contained in:
Sercan Yemen 2018-07-10 12:26:29 +03:00
parent 23b86a7e3d
commit 8b14366763
11 changed files with 159 additions and 156 deletions

View File

@ -20,7 +20,7 @@ export interface PeriodicElement {
position: number; position: number;
weight: number; weight: number;
symbol: string; symbol: string;
} }
const ELEMENT_DATA: PeriodicElement[] = [ const ELEMENT_DATA: PeriodicElement[] = [
{position: 1, name: 'Hydrogen', weight: 1.0079, symbol: 'H'}, {position: 1, name: 'Hydrogen', weight: 1.0079, symbol: 'H'},

View File

@ -29,5 +29,5 @@
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table> </table>

View File

@ -1,6 +1,6 @@
<mat-form-field> <mat-form-field>
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter"> <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
</mat-form-field> </mat-form-field>
<table mat-table [dataSource]="dataSource" class="mat-elevation-z8"> <table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
@ -30,4 +30,4 @@
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table> </table>

View File

@ -1,6 +1,6 @@
<mat-form-field> <mat-form-field>
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter"> <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
</mat-form-field> </mat-form-field>
<div class="mat-elevation-z8"> <div class="mat-elevation-z8">
<table mat-table [dataSource]="dataSource" matSort> <table mat-table [dataSource]="dataSource" matSort>

View File

@ -44,4 +44,4 @@
<tr mat-row *matRowDef="let row; columns: displayedColumns;" <tr mat-row *matRowDef="let row; columns: displayedColumns;"
(click)="selection.toggle(row)"> (click)="selection.toggle(row)">
</tr> </tr>
</table> </table>

View File

@ -26,4 +26,4 @@
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table> </table>

View File

@ -4,7 +4,7 @@
{{ positionOption }} {{ positionOption }}
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<button mat-raised-button <button mat-raised-button
matTooltip="Info about the action" matTooltip="Info about the action"

View File

@ -100,7 +100,10 @@ export class DynamicDataSource {
new DynamicFlatNode(name, node.level + 1, this.database.isExpandable(name))); new DynamicFlatNode(name, node.level + 1, this.database.isExpandable(name)));
this.data.splice(index + 1, 0, ...nodes); this.data.splice(index + 1, 0, ...nodes);
} else { } else {
this.data.splice(index + 1, children.length); let count = 0;
for (let i = index + 1; i < this.data.length
&& this.data[i].level > node.level; i++, count++) {}
this.data.splice(index + 1, count);
} }
// notify the change // notify the change