简介
Ember-export-application-global 是一个可以让你在 Ember 应用中将应用程序实例导出到全局(window)中的 npm 包。通过使用此包,您可以更方便地访问您的应用程序实例,以便在调试,测试或开发过程中使用。
安装
您可以通过 npm 安装此软件包:
npm install ember-export-application-global --save-dev
使用
安装包后,在应用程序的 ember-cli-build.js
文件中导入它:
-- -------------------- ---- ------- ----- -------- - -------------------------------------------- ----- ----------------------- - ------------------------------------------- -------------- - ------------------ - ----- --- - --- ------------------ - -- --- ------- ---- --- ----------------------------------------------------------------------------------------------------- ------ -------------------------------------- --
在您的应用程序代码中,您需要将应用程序实例导出到全局命名空间中。您可以通过以下代码实现此目的:
-- -------------------- ---- ------- ------ ----------- ---- --------------------- ----- --- - -------------------- ------------- --------- --------- -- --------- --- -- ---------------------------------- ------ ------- ------------ ------------ ------- ---------------
之后,您可以在全局命名空间(window.myApp)中访问您的应用程序实例,以及应用程序的其他属性和方法。
示例
在下面的示例代码中,我们将使用 ember-export-application-global 包将一个简单的应用程序实例导出到全局命名空间中,并在浏览器控制台中输出它的名称。
-- -------------------- ---- ------- -- ---------- ------ ----------- ---- --------------------- ------ ------ ---- ----------- ------ -------- ---- -------------------- ----- --- - -------------------- ------------- --------- ------- ------------ -------- ---------------- ----- ------------------------- ----- ------ - -------------------------- ------------------------ -------- --------- ------ - --- ------ ------- ------------ ------------ ------- --------------- -- ----------------------------- ---- ------------------ ---------- ------
在浏览器中运行应用程序后,您可以通过以下命令在控制台中访问您的应用程序实例:
console.log(window.myApp);
输出应为以下内容:
Application instance created Class { modulePrefix: "my-app", Resolver: {…}, rootElement: "#main", LOG_TRANSITIONS: true, LOG_TRANSITIONS_INTERNAL: true, … }
在控制台中执行以下命令以更改应用程序实例的属性:
window.myApp.set('LOG_TRANSITIONS', false);
您在应用程序代码中使用的此属性也已更改。
总结
我们已经介绍了如何使用 ember-export-application-global 软件包将 Ember 应用程序实例导出到全局命名空间中。这个软件包可以让您更轻松地调试,测试或开发您的应用程序。如果您需要在应用程序中的许多功能中使用应用程序实例,那么这对您来说也将非常有用。
希望这篇文章对您有帮助,祝您学习愉快!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60705