Ember组件什么是布局以及如何编写功能？

Posted 2021-05-06

我创建了一个组件，它将输出提供为：

import Ember from 'ember';
import layout from '../templates/components/sample-work';

export default Ember.Component.extend({
  layout
});

当我尝试添加一些init方法，如：

import Ember from 'ember';
import layout from '../templates/components/sample-work';

export default Ember.Component.extend({
  layout,
  init(){
    alert.log('hi');
  }
});

我的组件根本没有被调用。这是什么问题？在这里处理组件的正确方法是什么？

答案

通常你不需要layout文件中的js;因为ember是一个固定的框架，它通常将组件的js和hbs文件放到默认情况下它们可以自动匹配的位置：js放在components下，hbs文件放在templatescomponents下。

如果;您将模板文件放到js文件无法直接使用的位置，您需要导入布局。看看我为你准备的simple twiddle。在这个旋风; my-component2的模板文件需要在相应的layout文件中作为js字段导入。

另一答案

你应该总是在init函数中调用this._super(...arguments)