npm 包 ember-proxy-controllers 使用教程-JavaScript中文网-JavaScript教程资源分享门户

什么是 Ember.js？

Ember.js 是一种优秀的 JavaScript 框架，它旨在帮助开发者构建出高效、稳定的 Web 应用程序。Ember.js 提供了一些非常强大的功能，如数据绑定、组件化、路由和模板化。目前，Ember.js 已经成为许多大型 Web 应用程序的首选框架。

为什么需要 ember-proxy-controllers？

在 Ember.js 中，我们通常使用控制器来控制其视图组件的行为。控制器是样板和行为之间的接口，它负责渲染视图并将数据传递到视图中。但是，当我们使用嵌套路由的时候，这种方式会变得难以管理。因为我们需要在多个控制器之间共享数据。

这就是 ember-proxy-controllers 的用武之地。ember-proxy-controllers 允许我们以非常简单的方式在嵌套控制器之间共享数据，而不需要对我们的代码进行大量的调整。也就是说，ember-proxy-controllers 可以使我们的代码变得更简单、更易于维护。

如何使用 ember-proxy-controllers？

安装 ember-proxy-controllers

npm install --save ember-proxy-controllers

定义您的代理控制器

import { ProxyController } from 'ember-proxy-controllers';

export default ProxyController.extend({
  // Add your custom code and behavior here
});

在您的模板中使用您的代理控制器

{{!-- Use proxy controller to display content --}}
{{#with (proxy "parentController.childController.content") as |content|}}
  <p>{{content}}</p>
{{/with}}

在这个例子表象下，我们已经定义了一个代理控制器，它代表 parentController.childController.content。这个代理控制器允许我们跨控制器层次结构访问 childController 的 content 属性。

使用 Ember.js 的嵌套路由来使用代理控制器

-- -------------------- ---- -------
------ ----- ---- --------

----- - ----- - - ------

------ ------- --------------

  -- ---------
  --------------------------- -
    --------------------------
    ---------------------------------- ------------------------------
    --------------------------------- ------------------------------------
  -
---

在这个例子表象下，我们定义了一个嵌套路由，其中包括父级路由：parent，以及一个子路由：parent.child。setupController方法会帮助我们在代理控制器中设置我们的控制器。现在我们已经可以在路由层次结构中访问代理控制器了！

结语

通过使用 ember-proxy-controllers，我们可以非常轻松地在嵌套控制器之间共享数据。由于 ember-proxy-controllers 的功能非常强大，因此它可以极大地简化我们的代码，并且可以使我们的代码更加易于维护和扩展。

希望这篇文章有助于您开始使用 ember-proxy-controllers，如果您要学习更多关于 Ember.js 的知识，可以访问 Ember.js 的官方网站，其中包含着丰富的文档和教程。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/60066e18a563576b7b1ecb53