2015-04-18 4 views
1

Я установил toastr в мое приложение Aurelia. Я могу импортировать и использовать его в разных представлениях, но я не могу понять, как установить/изменить его глобальные параметры.Общая конфигурация модуля Aurelia

Идеи?

ответ

4

Самое тривиальное место, которое можно сделать в конструкторе приложения. На этом этапе вы должны также загрузить скрипт для тостера. Вот как ваши 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 или в любое другое место, я не вижу никаких технических ограничений.

+0

Я поставил «import toastr from toastr»; в моем файле «app.js», и он сработал. Благодаря! – kosman

+0

@Mikhail Я пытаюсь понять, почему работает синтаксис «import toastr»? Я не могу заставить его работать для модуля es6, я должен использовать 'import {mymodule}, чтобы заставить его работать – sam

+3

@sam {..} синтаксис фактически является оператором деструктуризации. Ваш модуль es6 может экспортировать несколько вещей, и вы можете импортировать несколько элементов в одну строку, например. импортировать {A, B} из 'my-module'. Чтобы использовать импорт A из синтаксиса «my-module», вам нужно использовать инструкцию «export default». В этом случае может быть только один экспорт по умолчанию, поэтому деструктурирование может быть опущено в этом случае. См. Этот вопрос для образцов обоих: http://stackoverflow.com/questions/25494365/es6-module-export-options – Mikhail