как динамически / статически загрузить гридстер при нажатии на кнопку? - PullRequest
Новая
       29

как динамически / статически загрузить гридстер при нажатии на кнопку?

0 голосов
/ 28 января 2019

Я новичок в угловой гридстер2.Я хотел бы знать важный код для «как динамически и статически загружать гридстер при нажатии кнопки».Например, у меня есть кнопка с именем «выбрать макет» на моей странице пользовательского интерфейса, и когда я выбираю опцию «4 × 1», сетки должны загружаться динамически в соответствии с выбранной опцией.Пожалуйста, помогите мне с этим.Как мы можем сделать это с помощью угловых 2?

1 Ответ

0 голосов
/ 10 июля 2019

Вы можете использовать ndc-dynamic пакет, это мой способ реализации

HTML 

<gridster id="dashboard" #dashboard [options]="options" (drop)="onDrop($event)" class="transparent">
   <gridster-item #gridsterItem[item]="item" *ngFor="let item of dashboardArray">
    <ndc-dynamic class="no-drag" [ndcDynamicComponent]="item.component" [ndcDynamicInputs]="item.input"
                    ></ndc-dynamic>
            </gridster-item>
</gridster>

TS

onDrop событие 

this.dashboardArray.push({
                    rows: 4,
                    cols: 4,
                    x: 0,
                    y: 0,
                    componentType: DashboardComponentType.Grid,
                    input: {
                        chartId: '',
                        dashboardId: this.dashboardId,
                    },
                    component: GridChartComponent,
                    name: "GridChart"
})
...