Gerente de muelle

    El componente Ignite UI Dock Manager proporciona medios para administrar el diseño de su aplicación a través de paneles, lo que permite a sus usuarios finales personalizarlo aún más fijando, redimensionando, moviendo y ocultando paneles.

    Ejemplo de Angular Dock Manager

    EXAMPLE
    TS
    HTML
    SCSS

    ¿Te gusta esta muestra? Obtenga acceso a nuestro kit de herramientas de Ignite UI for Angular completo y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.

    Uso

    Dock Manager es un componente web estándar y, como tal, puede usarse en una aplicación Angular.

    Siga los pasos a continuación para agregar el paquete Dock Manager a su proyecto Angular y configurarlo para poder usar el componente.

    Primero, instale el paquete igniteui-dockmanager

    npm install igniteui-dockmanager
    cmd

    Luego, incluya el esquema CUSTOM_ELEMENTS_SCHEMA en AppModule:

    import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
    
    @NgModule({
        ...
        schemas: [CUSTOM_ELEMENTS_SCHEMA]
    })
    export class AppModule {}
    typescript

    A continuación, se debe llamar a la función defineCustomElements() en el archivo main.ts:

    import { AppModule } from './app/app.module';
    import { defineCustomElements } from 'igniteui-dockmanager/loader';
    import { enableProdMode } from '@angular/core';
    import { environment } from '.environments/environment';
    import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
    
    if (environment.production) {
        enableProdMode();
    }
    
    platformBrowserDynamic().bootstrapModule(AppModule)
        .catch(err => console.log(err));
    
    defineCustomElements();
    typescript

    Eso es todo. Ya está listo para usar el componente Dock Manager en una plantilla de componente Angular. Para hacerlo, simplemente use el nombre de etiqueta:

    <igc-dockmanager>
    </igc-dockmanager>
    html

    Para obtener más información sobre el uso del componente Dock Manager, puede consultar este tema.

    Para obtener un ejemplo más avanzado del uso del componente Dock Manager con paneles que alojan varios componentes Ignite UI for Angular, consulte esta versión del ejemplo de análisis de datos.