Question

我在Visual Studio 2019中将MVC5与angular 7结合使用。我在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));

Answer 1

您的方法是错误的，因为您没有使用CLi运行角度应用程序，因此，如果不运行角度应用程序的构建命令，您将看不到更改

运行ng build（如果您使用Angular CLI）或使用build命令来构建angular应用，然后刷新浏览器以查看更改

Answer 2

在 VS Code 中打开您的项目。使用终端中的 ng build 命令构建它。构建成功后，在VS 2019中重新打开并运行。这基本上编译了您的角度文件。

angular 7模板更改未反映在MVC 5中

2 个答案: