【问题标题】:Aurelia module global configurationAurelia 模块全局配置
【发布时间】:2015-04-18 09:16:12
【问题描述】:

我已经在我的 Aurelia 应用中安装了toastr。我可以在不同的视图中导入和使用它,但我不知道如何设置/修改它的全局选项。

想法?

【问题讨论】:

    标签: aurelia


    【解决方案1】:

    最简单的地方是在你的应用程序构造函数中。此时您还必须加载您的烤面包机脚本。以下是您的 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 构造函数,或任何其他地方,我没有看到任何技术限制。

    【讨论】:

    • 我放了一个“从'toastr'导入toastr;”在我的“app.js”文件中,它起作用了。谢谢!
    • @Mikhail 我试图理解为什么语法'import toastr'有效?我无法使其适用于 es6 模块,我必须使用 'import {mymodule} 才能使其工作
    • @sam {..} 语法实际上是一个解构运算符。您的 es6 模块可以导出多个内容,并且您可以在一行中导入多个内容,例如从“我的模块”导入 {A, B}。要使用 import A from 'my-module' 语法,您必须使用“export default”语句。只能有一个默认导出,因此在这种情况下可以省略解构。有关两者的示例,请参阅此问题:stackoverflow.com/questions/25494365/es6-module-export-options
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多