如果您的Angular分割器在使用中出现问题,可能会涉及以下一些
// app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {
MatCardModule,
MatDividerModule,
MatIconModule,
MatListModule,
MatSidenavModule,
MatToolbarModule
} from '@angular/material';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { FlexLayoutModule } from '@angular/flex-layout';
import { SplitterModule } from '@syncfusion/ej2-angular-layouts';
@NgModule({
declarations: [AppComponent],
imports: [
BrowserModule,
BrowserAnimationsModule,
FlexLayoutModule,
SplitterModule,
MatToolbarModule,
MatSidenavModule,
MatIconModule,
MatDividerModule,
MatListModule,
MatCardModule
],
bootstrap: [AppComponent]
})
export class AppModule { }
height
和width
属性,以确保分割器能够正确渲染。下面是一个基本示例:
Pane 1
Pane 2
resize
事件,并在事件回调函数中执行相应的操作。下面是一个示例:
Pane 1
Pane 2
// app.component.ts
import { SplitterResizeEventArgs } from '@syncfusion/ej