Ember.js實用工具類

Question

我是Ember.js和Javascript的新手。 我正在使用ember-cli創建一個可以使用DateUtil類來執行某些日期操作的應用程序。 我注意到ember-cli有一個實用程序生成器，可以在app / utils / date-util.js中生成以下樣板代碼：

export default function dateUtil() {};

我想知道如何編寫實用程序，以便我可以在我的應用程序中使用它。 具體來說，作為一個例子，在控制器中：

export default Ember.ObjectController.extend({
  startDate: dateUtil.thisMonday()
});

thisMonday（）將使用moment.js返回本周一的日期：

moment({hour:0}).day(1);

作為dateUtil的一部分，還有許多其他類似於thisMonday（）的東西。

Answer 1

您只需要在每個想要使用它的控制器中導入導出實用程序功能的ES6模塊，如下所示：

import dateUtil from 'app/utils/date-util';

export default Ember.ObjectController.extend({
  startDate: dateUtil().thisMonday()
});

請注意，路徑不一定是app/utils/...但是，您必須將app替換為最初生成應用時使用的應用程序的名稱。 您可以通過查看app/app.js並在Ember.Application.extend()中modulePrefix Ember.Application.extend()的值來驗證這是什么。

Answer 2

只需使用ES6模塊語法導入您的類。

import dateUtil from 'app/utils/date-util.js';

參考文獻：

• ES6模塊
• ember-cli模塊指南