alfresco-ng2-components/docs/content-services/dialogs/category-selector.dialog.md

Title, Added, Status, Last reviewed

Title	Added	Status	Last reviewed
Category selector dialog component	v6.8.0	Active	2024-03-12

Category selector dialog component

Allows the user to select one or multiple categories.

Dialog inputs

Name	Type	Default value	Description
select	Subject<Category[]>		Emits an array of selected categories when the dialog closes
multiSelect	boolean	true	(optional) Toggles multiselect mode

Basic Usage

constructor(private dialog: MatDialog) {}

...

function openCatDialog() {
    const data: CategorySelectorDialogOptions = {
        select: new Subject<Category[]>(),
        multiSelect: false
    };

    this.dialog.open(CategorySelectorDialogComponent, {
        data,
        width: '400px'
    });

    data.select.subscribe(
        (selections: Category[]) => {
            ...
        }
    );
}

All the results will be streamed to the select subject present in the CategorySelectorDialogOptions object passed to the dialog. When the category is selected by clicking the Select button, the options.select stream will be completed.

Details

This component lets the user select categories. Use the Angular MatDialog service to open the dialog, as shown in the example, and pass a options object with properties.

See also

• Categories management component