угловые 7 шаблонных изменений не отражаются в MVC 5 - PullRequest
0 голосов
/ 09 мая 2019

Я использую Angular 7 с MVC5 в Visual Studio 2019. Я столкнулся с проблемой при рендеринге углового шаблона в моем index.cshtml.Я обращаюсь к угловой шаблон в index.cshtml с помощью.он загружает совершенно угловой шаблон в index.cshtml, но когда я делаю некоторые изменения в app.component.html, эти изменения не отражаются в index.cshtml и показывает старый шаблон по умолчанию в браузере.хотя я обновляю кеш и даже отключаю кеш в chrome, но все равно загружаю старый шаблон по умолчанию.Я не могу понять, почему этот шаблон по умолчанию показывает, хотя он еще не существует.когда я изменяю имя селектора, это ничего не значит в моем cshtml.вот мой код

app.component:

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

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'] })
export class AppComponent {
title = 'App';
}

index.cshtml:

@{
  ViewBag.Title = "Index";
 }


 <app-root></app-root>

bundle.config:

          bundles.Add(new ScriptBundle("~/Script/Bundles")
           .Include(
               "~/bundles/inline.*",
               "~/bundles/runtime.*",
               "~/bundles/zone.*",
               "~/bundles/polyfills.*",
               "~/bundles/scripts.*",
               "~/bundles/vendor.*",
               "~/bundles/main.*"));
                bundles.Add(new StyleBundle("~/Content/Styles")
              .Include("~/bundles/styles.*"));

main.ts

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

  import { AppModule } from './app/app.module';
  import { environment } from './environments/environment';

  if (environment.production) {
  enableProdMode();
  }

 platformBrowserDynamic().bootstrapModule(AppModule)
 .catch(err => console.error(err));

1 Ответ

0 голосов
/ 09 мая 2019

Ваш подход неверен, потому что вы не запускаете свое угловое приложение с помощью CLi, поэтому вы не увидите изменения, если не запускаете команду сборки для своего углового приложения

Запустите ng build (если вы используете Angular CLI) или с помощью команды build для сборки приложения angular, затем обновите браузер, чтобы увидеть изменения

...