灰烬JS：从一个组件到另一个数据组件

Question

我定义我的灰烬成分“一”一些固定的数据，这样的：

// coponents/component-one.js 

import Ember from 'ember'; 
export default Ember.Component.extend({ 

someData: [ 
    { name: "Test A", numbers: [1,2,3,4,5] }, 
    { name: "Test B", numbers: [6,7,8,9,10] }, 
    { name: "Test C", numbers: [11,12,13,14,15] }, 
    ], 

    // my functions ... 

}); 

现在我有另一个组件，组件“两课”，在那里我想要做这样的事情：

// templates/coponents/component-two.hbs 

    {{#each someData as |data|}} 
     <span>{{data.name}}</span> 
    {{/each}} 

...我怎样才能访问someData在组件two.js /组件two.hbs？

我不知道该怎么get.this ...

Answer 1

定义数组属性里面init方法，所以，这将确保每个实例将获得新的数据。

import Ember from 'ember'; 
export default Ember.Component.extend({ 

    init() { 
     this._super(...arguments); 
     this.set('someData', [ 
      { name: "Test A", numbers: [1, 2, 3, 4, 5] }, 
      { name: "Test B", numbers: [6, 7, 8, 9, 10] }, 
      { name: "Test C", numbers: [11, 12, 13, 14, 15] }, 
     ]) 
    } 

    // my functions ... 

}); 

我想，你想在component-onecomponent-two。在这种情况下，你需要传递所需的数据，

{{component-two someData=someData }} 

参考https://guides.emberjs.com/v2.11.0/components/passing-properties-to-a-component/