Ember JS：從一個組件獲取數據到另一組件

Question

我在余燼組件“ One”中定義了一些固定數據，如下所示：

// 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 ... 

});

現在，我有另一個組件，“ Two”組件，在這里我想做這樣的事情：

// templates/coponents/component-two.hbs

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

...我怎樣才能訪問someData在組件two.js /組件two.hbs？

我不知道該怎么辦...

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-one包含component-two 。 在這種情況下，您需要傳遞所需的數據，

{{component-two someData=someData }}

請參閱https://guides.emberjs.com/v2.11.0/components/passing-properties-to-a-component/