标签: ember-addon

我正在使用Ember和Liquid Fire在路线之间创建一些有趣的材料设计灵感动画过渡.

我创造了两个过渡.从在过渡期间的第一次出现index路线about路线并使用explode,flyTo以及toLeft转变成功.在这里,我通过data-nav两个路线上的属性进行匹配,以创建平滑,无缝的过渡,使得匹配的元素在向左飞行时看起来在屏幕上移动到下一页.竖起大拇指!

第二种情况发生在从about路线回到路线的过渡期间index.在这里,我通过data-text两个路径上的属性匹配上面的元素,但是与上面的示例不同,元素不相同.具体来说,font-size是不同的.不幸的是,这会产生不希望的效果,即立即显示较大的字体大小的文本,然后让它飞过页面.

我想要做的是添加一个动画字体大小的额外过渡.听起来很简单.

下面是我的初始transitions.js文件,其中包含上述两个转换.

export default function() {
  var duration = 1000;

  this.transition(
    // --------------------- INDEX to ABOUT ----------------------------------- //
    this.fromRoute('index'),
    this.toRoute('about'),
    this.use('explode', {
      matchBy: 'data-nav',
      use: [ 'flyTo', { duration } ]
    }, {
      use: [ 'toLeft', { duration } ]
    }),

    // --------------------- ABOUT to INDEX ----------------------------------- //
    this.reverse('explode', {
      matchBy: 'data-text',
      use: [ …

我正在尝试将Underscore作为命名模块导入到我的Ember CLI插件中.看一下指南的标准AMD资产部分,看起来应该可行:

app.import(app.bowerDirectory + '/underscore/underscore.js', {
  exports: {
    'underscore': ['default']
  }
});

以下是Underscore的来源:

define('underscore', [], function() {
  return _;
});

我试图在我的一个文件中导入它/addon/utils/class.js:

import _ from 'underscore';

并得到一个错误:

无法找到underscore从中导入的模块ember-cli-mirage/utils/class

我做错了什么？

我正在创建ember插件,这个插件需要正常工作的css样式很少!

我如何添加它们,以便当一个消费应用程序使用此插件时,特定的css样式直接添加到消费应用程序的app.css文件中？

例如:插件:dropdown-addon需要一种风格

.active-menu {
    background-color: #4183C4;
}

消费应用程序:在线表格

当在线表单使用dropdown-addon时,我希望.active-menu自动添加到app.css!

我正在开发ember插件,我需要在使用此插件的所有应用程序之间共享一条路线,但我不知道如何实现,或者甚至可能.我已经在插件中添加了路由,但是counsume addon的应用程序没有看到这个.有什么建议？谢谢!

在ember-cli文档中,它描述了通过自己覆盖app/component/[addon-name.js]来在宿主应用程序中桥接插件.但是,文档没有明确说明如何执行此操作.

通过试验和错误,我注意到通过在[主机应用程序]/app/component/[addon.js的名称]中创建一个组件文件,只需将插件复制/粘贴到那里就可以自定义插件.然而,这是一种可怕的方法,我想我可以简单地覆盖有问题的函数......并且在某些情况下调用this.super().functionName以保持过度乘坐简单和修剪.

但是,我不能让这个工作.有任何想法吗？

我正在使用ember-models-table在我的应用程序中显示表格.该表非常适合排序,分页等,但我尝试根据id从特定行路由到不同的页面.它在其示例中提到使用'routeName'但是当我使用它时会抛出以下错误:

"断言失败:调用warn时必须提供options散列作为第三个参数. options应该包含id属性."

我的.js编码:

columns:[   
        {
          "propertyName": "firstName",
          "title":"First Name",
          "routeName":"/#/profile/_id"
},

等等

谢谢你的帮助.

更新:更新ember到ember 3.1.2后错误消失了,但是有一个警告,它没有按预期正常运行,我哪里出错了？

我的代码:

columns:[   
        {
          "propertyName": "firstName",
          "title":"First Name",
          "routeName":"profile"
},