npm 包 ember-disable-proxy-controllers 使用教程

背景

在 Ember.js 中，每个控制器都是代理对象，会将所有属性委托给相应的模型或服务。然而，在某些情况下，我们可能希望直接控制器内部的属性，而不涉及委托。这时，就需要使用一个叫做 ember-disable-proxy-controllers 的 npm 包来实现。

安装

通过 npm 安装 ember-disable-proxy-controllers，在控制台执行以下命令：

npm install --save-dev ember-disable-proxy-controllers

安装完成后，打开 config/environment.js 文件，在 ENV 对象中添加以下内容：

DISABLE_PROXY_CONTROLLERS: true

使用

在需要禁用代理控制器的路由或控制器中，引入 ember-disable-proxy-controllers 包，然后继承自 DisableProxyControllersMixin 混合类，即可禁用代理控制器。

import DisableProxyControllersMixin from 'ember-disable-proxy-controllers/mixins/disable-proxy-controllers';

export default Ember.Controller.extend(DisableProxyControllersMixin, {
  // your controller code here
});

示例

下面的示例代码演示了如何在路由中禁用代理控制器：

import DisableProxyControllersMixin from 'ember-disable-proxy-controllers/mixins/disable-proxy-controllers';

export default Ember.Route.extend(DisableProxyControllersMixin, {
  model() {
    return this.store.find('post');
  }
});

在控制器中禁用代理控制器：

import DisableProxyControllersMixin from 'ember-disable-proxy-controllers/mixins/disable-proxy-controllers';

export default Ember.Controller.extend(DisableProxyControllersMixin, {
  firstName: '',
  lastName: ''
});

指导意义

使用 ember-disable-proxy-controllers 可以解决在 Ember.js 中使用代理对象控制器时的一些限制，同时也可以让我们更好地控制和管理控制器属性。掌握这个技术可以让我们更加熟练地使用 Ember.js 来开发前端应用程序。

结论

ember-disable-proxy-controllers 可以帮助我们禁用代理控制器，在特定情况下更好地控制控制器属性。通过本文所述的步骤和示例代码，相信大家可以更好地学习和应用这个 npm 包。

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