title: how to integrate angular template within MVC5
body: <p>i am trying to integrate angular 7 with MVC5 . everything is working fine but angular template is not rendering in my index.cshtml. </p>
  
  <p>i have done the following things.</p>
  
  <ol>
  <li>install angular using "npm install -g @angular/cli" and "ng new app"</li>
  <li>after successful installation i added the App folder in my MVC project </li>
  <li>added angular files into a script bundle in bundle.config.</li>
  <li>add that bundle into the layout.cshtml</li>
  <li>add  tag in my index.cstml</li>
  </ol>
  
  <p>when i run the project my index.cshtml does not render the angular template.
  i have tried different solution but nothing work. did i miss some steps to integrate it with mvc5?. i am using visual studio 2019 community edition. following is my code.</p>
  
  <p>bundle.config:</p>
  
  <p><code>bundles.Add(new ScriptBundle("~/Script/Bundles")
                 .Include(
                     "~/bundles/inline.*",
                     "~/bundles/polyfills.*",
                     "~/bundles/scripts.*",
                     "~/bundles/vendor.*",
                     "~/bundles/main.*"));
              bundles.Add(new StyleBundle("~/Content/Styles")
                  .Include("~/bundles/styles.*"));
  </code></p>
  
  <p>app.module.ts</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  
  import { AppRoutingModule } from './app-routing.module';
  import { AppComponent } from './app.component';
  
  @NgModule({
    declarations: [
    AppComponent
   ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]})
  export class AppModule { }
  </code></pre>
  
  <p>index.cshtml:</p>
  
  <pre><code>@{
  ViewBag.Title = "Index";
  }
  
  &lt;app-root&gt;&lt;/app-root&gt;
  </code></pre>
  
  <p>Layout.cshtml:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;Hello World - ASP.NET MVC&lt;/title&gt;
  @Styles.Render("~/Content/Styles")
  &lt;/head&gt;
  &lt;body&gt;
  @Scripts.Render("~/Script/Bundles")
  
  &lt;main role="main" class="container"&gt;
      @RenderBody()
  &lt;/main&gt;
  </code></pre>
  
  <p>
  </p>