Ember JS:从一个组件获取数据到另一个组件

时间:2017-03-08 17:15:08

标签: ember.js

我在我的余烬组件“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}}

...如何在 component-two.js / component-two.hbs 中访问 someData

我不知道如何得到这个......

1 个答案:

答案 0 :(得分:1)

import requests r = requests.get("http://www.genenetwork.org/webqtl/main.py?cmd=sch&gene=Grin2b&tissue=hip&format=text") r.text 方法中定义数组属性,这样可以确保每个实例都能获得新数据。

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-two。在这种情况下,您需要传递所需的数据,

component-one

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