Merge pull request #2129 from adumesny/master

Angular component examples
gridstack · Dec 28, 2022 · 8f0b663 · 8f0b663
2 parents e4096bf + be886c8
commit 8f0b663
Show file tree

Hide file tree

Showing 12 changed files with 260 additions and 372 deletions.
diff --git a/demo/angular/gridstack-item.component.html b/demo/angular/gridstack-item.component.html
diff --git a/demo/angular/gridstack-item.component.scss b/demo/angular/gridstack-item.component.scss
diff --git a/demo/angular/gridstack-item.component.ts b/demo/angular/gridstack-item.component.ts
diff --git a/demo/angular/gridstack.component.html b/demo/angular/gridstack.component.html
diff --git a/demo/angular/gridstack.component.scss b/demo/angular/gridstack.component.scss
diff --git a/demo/angular/gridstack.component.ts b/demo/angular/gridstack.component.ts
diff --git a/demo/angular/gridstack.module.ts b/demo/angular/gridstack.module.ts
diff --git a/demo/angular/src/app/app.component.html b/demo/angular/src/app/app.component.html
@@ -4,10 +4,18 @@
   <button (click)="show=0">Simple</button>
   <button (click)="show=1">ngFor case</button>
   <button (click)="show=2">ngFor custom command</button>
+  <button (click)="show=3">component</button>
 </div>
 
 <div class="test-container">
 <angular-simple-test *ngIf="show===0"></angular-simple-test>
 <angular-ng-for-test *ngIf="show===1"></angular-ng-for-test>
 <angular-ng-for-cmd-test *ngIf="show===2"></angular-ng-for-cmd-test>
+
+<gridstack *ngIf="show===3" [options]="gridstackConfig" (changeCB)="onChange($event)" (resizestopCB)="onResizeStop($event)">
+  <gridstack-item [id]="'a'" [x]="0" [y]="0" [w]="6" [h]="4" [minH]="2" [minW]="3">
+    HELLO
+  </gridstack-item>
+</gridstack>
+
 </div>