如何将数据从路线发送到组件？

桑杰·拉霍德

我是初学者。

我想将数据从路线发送到组件。

import Ember from 'ember';
var model = null;
export default Ember.Route.extend({
    model() {
        return true;
    }
});

我已经在路由中定义了此模型，现在我想在组件js文件中使用此模型。我只是做控制台日志，但它给出了不确定的信息。我的组件js代码如下

import Ember from 'ember';
export default Ember.Component.extend({
    didInsertElement() {
        console.log(model);
    }
});

因此，任何人都可以建议在组件中使用路由数据的实际方法是什么。

灰烬怪胎

您只需返回将其传递到模板所需的数据，

import Ember from 'ember';
export default Ember.Route.extend({
    model() {
        //here return model data which requires to display template
        return true;
    }
});

您可以访问的模板内部正在使用model，在这种情况下，您只是发送true，所以您的model遗嘱中包含true。

您需要将此模型传递给组件，以便可以从组件访问它。在template.hbs中，

{{my-component model=model }}

您可以访问组件中的模型属性，

import Ember from 'ember';
export default Ember.Component.extend({
    didInsertElement() {
        console.log('Model ',this.get('model'));
    }
});

欢迎来到Ember。我强烈鼓励您阅读余烬指南并玩余烬

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。