Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将asp.net与Angular 2混合使用_Javascript_Asp.net Mvc_Angular_Typescript_Single Page Application - Fatal编程技术网

Javascript 将asp.net与Angular 2混合使用

Javascript 将asp.net与Angular 2混合使用,javascript,asp.net-mvc,angular,typescript,single-page-application,Javascript,Asp.net Mvc,Angular,Typescript,Single Page Application,我目前正在为我参与的一个组织建立一个网站。该网站将有一个面向公众的部分和一个会员部分 面向公众的部分将包括“关于”、“新闻”、“事件”等页面,而成员部分将包括成员聊天部分、排练时间表和其他成员功能 它将是一个Azure托管的应用程序,其成员部分使用WebAPI服务以Angular 2编写 但是,我不确定如何将面向公众的部分放在一起,使其能够快速加载,因为Angular 2在初始加载时似乎非常缓慢 我可以将members部分放在一个模块中,并仅在需要时加载它,但我不确定这将如何加速它,因为我认为J

我目前正在为我参与的一个组织建立一个网站。该网站将有一个面向公众的部分和一个会员部分

面向公众的部分将包括“关于”、“新闻”、“事件”等页面,而成员部分将包括成员聊天部分、排练时间表和其他成员功能

它将是一个Azure托管的应用程序,其成员部分使用WebAPI服务以Angular 2编写

但是,我不确定如何将面向公众的部分放在一起,使其能够快速加载,因为Angular 2在初始加载时似乎非常缓慢

我可以将members部分放在一个模块中,并仅在需要时加载它,但我不确定这将如何加速它,因为我认为JS仍然需要下载到客户端

我曾考虑过在ASP.NET中编写面向公众的页面,但我不确定是否可以将其与Angular 2混合使用

我考虑的最后一个想法是为公共页面提供1个Angular 2应用程序,为members区域提供第二个应用程序,因为这将留下2个较小的javascript包发送到客户端

有人有什么想法或选择吗?我的逻辑有缺陷吗


Al

为了使角度应用的负载最小化,您可以考虑:

  • 使用角度缩小版进行生产
使用CDN的一些优点:

  • 文件可以预缓存
  • 分布式数据中心
你也可以:

  • 缩小并连接所有定制JavaScript代码和CSS以用于生产

将Angular与.Net混合使用没有问题。
我们正在使用java/JSP和Angular控制器构建java应用程序。

如果您关心的是启动时间,并且不想有两个Angular-2项目。我相信延迟加载模块可以解决这个问题

通过延迟加载,我们的应用程序不需要同时加载所有内容 一次,它只需要加载用户希望在应用程序运行时看到的内容 第一批货。延迟加载的模块仅在以下情况下加载: 用户导航到他们的路线。


我目前正在使用webpack打包javascript,但我认为如果我有2个Angular 2应用程序,那么捆绑包会更小,因此速度更快,但我不确定是否可以通过“伞形”应用程序将它们链接在一起。我已经尝试了Angular.js 1.xx与ASP.NET MVC和WebApi 2,效果非常好。基本上,Angular.JS中的任何CRUD操作都会发生,而webapi控制器只是将数据传递给数据库。