渲染只有一个模块/状态的Angular app

时间:2017-11-01 14:28:37

标签: angularjs node.js

我有很多states and modules etc的角度应用。现在,我想向用户发送一个链接。当用户点击此url时,我想将他重定向到一个新的标签,只显示该特定状态(在URL中指定),我不希望用户看到任何其他内容。或者你可以说,我想在弹出窗口中打开popup window呈现特定状态的html。这是我想出来解决这个问题的方法。

聚苯乙烯。后端有Rest API,我通过角度resource服务来调用数据与model视图绑定

方法

我在后端安装了API,所以,我正在考虑开发单独的Nodejs应用程序,并且我会向用户和nodejs我发送default/home route个应用程序网址将调用后端API,返回的结果集将在nodeJs应用程序中的html文件中呈现,这样,我将相应的数据呈现给用户的浏览器窗口。

这是enter image description here

的流程

我不知道这是对的还是聪明的做法。请建议我解决这个问题的最佳方法。

提前致谢。

这就是我的应用程序的样子

enter image description here

左侧side-nav中的所有内容都是module,点击此处我将路由到其他state。我在这个项目中使用angular-material和许多其他依赖项。

这就是我想要的。

我会引用一个指向用户的链接,例如www.myapp.com/specificpage.html。点击此url,将打开一个新的tab/popup渲染状态,在同一个应用中定义但有一些non-editable url。它应该是。

enter image description here

1 个答案:

答案 0 :(得分:1)

有多种方法可以实现这一目标,每种方法都有优势和劣势。您必须根据要求和架构进行选择。详情如下 -

  1. 创建单独的应用 - 您可以通过单独的代码库或使用基于模块的构建过程来执行此操作,并仅将此模块包含在新应用中。
  2. 划分应用程序是两部分,公共页面和私有页面 - 在您的应用程序的公共模块中包含此页面和此页面所需的API。
  3. 在链接中发送令牌 - 如果要创建安全页面,请在电子邮件中发送短期令牌,并在向用户显示页面之前验证服务器上的令牌。