javascript – 如何从Ember JS中的子路径访问父控制器？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何从Ember JS中的子路径访问父控制器？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1211字，纯文字阅读大概需要2分钟。

内容图文

我有一个名为list的主路线.

//items/list/route.js
setupController(controller, items) { 
    let vegItems = Ember.A([]);
    let nonVegItems = Ember.A([]);
    items.forEach((item) => {
        if (item.get('category') === "veg") {
            vegItems.pushObject(item);
        }

        if (item.get('category') === "non_veg") {
            nonVegItems.pushObject(item);
        }
    })

    controller.set('vegItems', vegItems)
    controller.set('nonVegItems', nonVegItems);
}

现在在列表路径中,我有名为veg和non-veg的路由.即list / veg和list / non-veg.如何从list / route.js访问父路由的控制器变量,即vegItems和nonVegItems到子路由,以加载list / veg / template.hbs和list / non-veg / template.hbs中的数据？

解决方法:

this.controllerFor(‘list’) – 返回当前路由的控制器,或路由层次结构中的父(或任何祖先)路由.您可以通过get方法获取所有属性.

this.modelFor(‘list’) – 返回路由层次结构中父(或任何祖先)路由的已解析模型.

list：Ember.inject.controller() – 创建一个懒惰地查找容器中另一个控制器的属性.您只能在控制器中注入它.

参考：

https://emberjs.com/api/ember/2.14/classes/Ember.Route/methods/controllerFor?anchor=controllerFor

https://emberjs.com/api/ember/2.14/classes/Ember.Route/methods/controllerFor?anchor=modelFor

https://www.emberjs.com/api/ember/2.14/namespaces/Ember.inject/methods/controller?anchor=controller

内容总结

以上是互联网集市为您收集整理的javascript – 如何从Ember JS中的子路径访问父控制器？全部内容，希望文章能够帮你解决javascript – 如何从Ember JS中的子路径访问父控制器？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端