Передача объекта в компонент с использованием диалога материалов

Question

У меня есть компонент, в котором модальное диалоговое окно создания и запуска материала:

template = `<show-deleted-media-information
    media-item=JSON.stringify(${mediaItem})
    on-delete="vm.deleteMedia()"
    ></show-deleted-media-information>`;

this.$mdDialog
    .show({
        template,
        targetEvent: null,
        clickOutsideToClose: false
    })

В компоненте ShowDeletedMediaInformation я хочу использовать этот объект:

bindings: {
    mediaItem: '&',
}

export class ShowDeletedMediaInformation {

    private mediaItem: any;

    constructor(
        private $mdDialog,
    ) {}

    public $onChanges() {
        console.log(this.mediaItem);
    }

    public cancel(): void {
        this.$mdDialog.cancel();
    }
}

Когда я открываю диалог, я получаю следующую ошибку:

Неожиданный конец выражения: JSON .stringify ([объект

Answer 1

вы должны включить весь шаблон кода в скобки

таким образом

template = `<show-deleted-media-information
    media-item=${JSON.stringify(mediaItem)}
    on-delete="vm.deleteMedia()"
    ></show-deleted-media-information>`;