使用Angular 4和ASP.NET Core MVC Razor根据路线查看特定视图

使用Angular 4和ASP.NET Core MVC Razor根据路线查看特定视图,angular,asp.net-core,Angular,Asp.net Core,我有一个ASP.NET核心MVC内置的项目。使用内置的标识功能。我想使用angular 4提供某些视图,使用Razor提供某些视图,具体取决于所需的功能和迁移。例如,我有一个调度路线,希望使用Angular加载/schedule下的任何内容,从而加载schedule.component.html 我尝试在wwwroot下的ClientApp文件夹下安装Angular。我有一个加载依赖项的index.html,但是我不确定在使用调度根目录时如何加载调度组件 谢谢你的帮助 Index.html &l

我有一个ASP.NET核心MVC内置的项目。使用内置的标识功能。我想使用angular 4提供某些视图,使用Razor提供某些视图,具体取决于所需的功能和迁移。例如,我有一个调度路线,希望使用Angular加载
/schedule
下的任何内容,从而加载
schedule.component.html

我尝试在wwwroot下的
ClientApp
文件夹下安装Angular。我有一个加载依赖项的
index.html
,但是我不确定在使用调度根目录时如何加载调度组件

谢谢你的帮助

Index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Home</title>
<script src="ClientApp/node_modules/core-js/client/shim.min.js"></script>
<script src="ClientApp/node_modules/zone.js/dist/zone.js"></script>
<script src="ClientApp/node_modules/reflect-metadata/Reflect.js"></script>
<script src="ClientApp/node_modules/systemjs/dist/system.src.js"></script>
<script src="systemjs.config.js"></script>
<script>
    System.import('app')
        .then(
        function () { console.log('started application'); },
        function (err) { console.log('error starting application'); 
console.log(err); });
</script>
</head>
<app-root>Loading..</app-root>
<body>
</body>
</html>

家
System.import('app')
.那么(
函数(){console.log('startedapplication');},
函数(err){console.log('error starting application');
console.log(err);});
加载。。

也请避免将来出现混淆,请停止使用过时的术语“MVC6”。现在已经没有这样的版本了,在预览版发布之前,它只被使用了一段时间。ASP.NET Core的版本编号已重置并从1.0开始,在撰写本文时已达到2.1版。对于旧的遗留框架,它被称为“ASP.NET核心MVC”(高达2.1版)和“ASP.NET MVC”(高达5.2版)。原因是MVC6表明它是MVC5的后续行动,但事实并非如此。ASP.NET核心是完全重写的,与ASP.NET不兼容。NET@Tseng注意。谢谢,既然这个问题避免了混淆,你能帮忙吗?我只能提供一个意见,但没有回答:我不建议你自己尝试提供角度部分,也不建议尝试将角度与mvc视图混合。Angular用于SPA(单页应用程序,指在浏览器中加载一次,然后再加载其他所有内容,这与服务器上呈现的Razor视图以及每次需要新请求时形成对比),否则,每次在razor view route和angular route之间切换时,您的应用程序都将重新初始化。我建议使用默认的angular模板。另外,请升级到最新的tempaltes,请参阅以了解其不同之处,因为新的angular模板基于angular cli,与旧的基于devwebpack的tempaltes不同。它们通过服务器端渲染进行预配置,更重要的是通过应用程序绑定,其中所有angular文件都绑定到一个文件中以加载性能。谢谢,是否可以使用angular为应用程序的一部分提供服务,例如,asp core处理登录并将其重定向到home razor视图,然后他们点击一个链接,将他们带到angular route(一个不同的项目),然后最终重定向回来,作为开始将webapp的某些部分迁移到angular的方法?