Angular в проекте ASP MVC: шаблон не отображается

Question

Я новичок в angular и последовал руководству на youtube о том, как использовать его в проекте asp mvc.Это работало нормально, я получил следующую структуру:

Затем я работал над моим app.component.ts, который выглядит следующим образом:

import { Component } from '@angular/core';

@Component({
  selector: 'chtest',
  template: `<h1>Hello {{name}}</h1>`,
})
export class AppComponent
{
    constructor() { }

    name = 'Angular';
}

Я также попробовал приведенный выше код с templateUrl (и app.component.html), но это тоже не сработало.

Мой app.module.ts выглядит так:

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent }  from './app.component';

@NgModule({
    imports:        [ BrowserModule ],
    declarations:   [ AppComponent ],
    bootstrap:      [AppComponent]
})
export class AppModule
{
    constructor() { }
}

Затем я создал простой вид, удерживая следующее:

<chtest></chtest>

Когда я запускаю приложение, ничего не отображается.Я ожидал, что это покажет «Hello Angular», но я думаю, что я что-то здесь упускаю?

Папки типа node_modules есть, как я уже сказал, учебник youtube сработал (https://www.youtube.com/watch?v=rbHSTJBhJ44)

Я использую Visual Studio Professional 2017, v15.8.4

Заранее спасибо!

РЕДАКТИРОВАТЬ:

Я пробовал что-то еще из w3schools:

My first expression: {{ 5 + 5 }}

Здесь отображается только

Answer 1

Чтобы загрузить приложение Angular, вам нужно позвонить:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'

platformBrowserDynamic().bootstrapModule(AppModule);

Приложение будет загружено в <app-root></app-root> селектор, поэтому, пожалуйста, добавьте его в свой файл Index.cshtml.

После этого вашкомпонент будет загружен внутрь <app-root></app-root>