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 personalizarla aún más fijando, cambiando el tamaño, moviendo y ocultando paneles.

Angular Dock Manager Example

Usage

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

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

Primero, instale el paquete igniteui-dockmanager​

npm install igniteui-dockmanager

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 {}

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();

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

<igc-dockmanager>
</igc-dockmanager>

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

Para ver 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.