在asp.net mvc应用程序中显示angular2应用程序

Question

参考的教程我正在学习本教程，但是我想基于菜单中的选项卡单击显示我的angular2应用，而不是让它默认加载angular应用。 所以在我的mvc中，我有一个菜单栏：“主页”，“关于”，“联系人”选项卡，一旦我单击“关于”选项卡，我想加载我的angular2应用程序。我该如何配置呢？

如何在asp.net mvc中配置链接以路由到Angular应用程序？ 我是否需要更改app / main.ts和systemjs.config.js文件？

Answer 1

第1步

打开_Layout.cshtml并按以下方式剪切角度脚本：

第2步

然后移除

<my-app>Loading...</my-app>

来自Index.cshtml的标签

第三步

并将其添加到About.cshtml中 。 还要添加我们已经从step1复制到scripts部分的角度脚本：

就这样。 这是结果