Я установил toastr в мое приложение Aurelia. Я могу импортировать и использовать его в разных представлениях, но я не могу понять, как установить/изменить его глобальные параметры.Общая конфигурация модуля Aurelia
Идеи?
Я установил toastr в мое приложение Aurelia. Я могу импортировать и использовать его в разных представлениях, но я не могу понять, как установить/изменить его глобальные параметры.Общая конфигурация модуля Aurelia
Идеи?
Самое тривиальное место, которое можно сделать в конструкторе приложения. На этом этапе вы должны также загрузить скрипт для тостера. Вот как ваши app.js может выглядеть следующим образом:
import {Router} from 'aurelia-router';
import toastr from 'toastr';
export class App {
static inject() { return [Router]; }
constructor(router) {
toastr.options.closeButton = true;
// ... setup your routing etc
}
}
Я предполагаю, что у вас уже есть ваш тостер скрипт загружен в данный момент. Вы также можете перенести инициализацию toastr в любой другой конструктор Aurelia или в любое другое место, я не вижу никаких технических ограничений.
Я поставил «import toastr from toastr»; в моем файле «app.js», и он сработал. Благодаря! – kosman
@Mikhail Я пытаюсь понять, почему работает синтаксис «import toastr»? Я не могу заставить его работать для модуля es6, я должен использовать 'import {mymodule}, чтобы заставить его работать – sam
@sam {..} синтаксис фактически является оператором деструктуризации. Ваш модуль es6 может экспортировать несколько вещей, и вы можете импортировать несколько элементов в одну строку, например. импортировать {A, B} из 'my-module'. Чтобы использовать импорт A из синтаксиса «my-module», вам нужно использовать инструкцию «export default». В этом случае может быть только один экспорт по умолчанию, поэтому деструктурирование может быть опущено в этом случае. См. Этот вопрос для образцов обоих: http://stackoverflow.com/questions/25494365/es6-module-export-options – Mikhail