npm 包 Ember-export-application-global 使用教程

阅读时长 4 分钟读完

简介

Ember-export-application-global 是一个可以让你在 Ember 应用中将应用程序实例导出到全局(window)中的 npm 包。通过使用此包,您可以更方便地访问您的应用程序实例,以便在调试,测试或开发过程中使用。

安装

您可以通过 npm 安装此软件包:

使用

安装包后,在应用程序的 ember-cli-build.js 文件中导入它:

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

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

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

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

在您的应用程序代码中,您需要将应用程序实例导出到全局命名空间中。您可以通过以下代码实现此目的:

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

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

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

之后,您可以在全局命名空间(window.myApp)中访问您的应用程序实例,以及应用程序的其他属性和方法。

示例

在下面的示例代码中,我们将使用 ember-export-application-global 包将一个简单的应用程序实例导出到全局命名空间中,并在浏览器控制台中输出它的名称。

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

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

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

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

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

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

在浏览器中运行应用程序后,您可以通过以下命令在控制台中访问您的应用程序实例:

输出应为以下内容:

在控制台中执行以下命令以更改应用程序实例的属性:

您在应用程序代码中使用的此属性也已更改。

总结

我们已经介绍了如何使用 ember-export-application-global 软件包将 Ember 应用程序实例导出到全局命名空间中。这个软件包可以让您更轻松地调试,测试或开发您的应用程序。如果您需要在应用程序中的许多功能中使用应用程序实例,那么这对您来说也将非常有用。

希望这篇文章对您有帮助,祝您学习愉快!

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60705

纠错
反馈