在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部分的角度腳本：

就這樣。 這是結果