Skip to main content

AssetPickerDialogComponent

A dialog which allows the creation and selection of assets.

Example

Ts
selectAssets() {  this.modalService    .fromComponent(AssetPickerDialogComponent, {        size: 'xl',    })    .subscribe(result => {        if (result && result.length) {            // ...        }    });}
Signature
class AssetPickerDialogComponent implements OnInit, AfterViewInit, OnDestroy, Dialog<Asset[]> {    assets$: Observable<AssetLike[]>;    allTags$: Observable<TagFragment[]>;    paginationConfig: PaginationInstance = {        currentPage: 1,        itemsPerPage: 25,        totalItems: 1,    };    multiSelect = true;    initialTags: string[] = [];    resolveWith: (result?: Asset[]) => void;    selection: Asset[] = [];    searchTerm$ = new BehaviorSubject<string | undefined>(undefined);    filterByTags$ = new BehaviorSubject<TagFragment[] | undefined>(undefined);    uploading = false;    constructor(dataService: DataService, notificationService: NotificationService)    ngOnInit() => ;    ngAfterViewInit() => ;    ngOnDestroy() => void;    pageChange(page: number) => ;    itemsPerPageChange(itemsPerPage: number) => ;    cancel() => ;    select() => ;    createAssets(files: File[]) => ;}
  • Implements: OnInit, AfterViewInit, OnDestroy, Dialog<Asset[]>

assets$

propertyObservable<AssetLike[]>

allTags$

propertyObservable<TagFragment[]>

paginationConfig

propertyPaginationInstance

multiSelect

property

initialTags

propertystring[]

resolveWith

property(result?: Asset[]) => void

selection

propertyAsset[]

searchTerm$

property

filterByTags$

property

uploading

property

constructor

method(dataService: DataService, notificationService: NotificationService) => AssetPickerDialogComponent

ngOnInit

method() =>

ngAfterViewInit

method() =>

ngOnDestroy

method() => void

pageChange

method(page: number) =>

itemsPerPageChange

method(itemsPerPage: number) =>

cancel

method() =>

select

method() =>

createAssets

method(files: File[]) =>
Was this chapter helpful?
Report Issue
Edited Feb 2, 2026·Edit this page