时间戳

首页 > 解决方案 > 角度 7 模板更改未反映在 MVC 5 中

c# - 角度 7 模板更改未反映在 MVC 5 中

问题描述

我在 Visual Studio 2019 中使用 Angular 7 和 MVC5。在我的 index.cshtml 中渲染 Angular 模板时遇到问题。我正在使用 .cshtml 访问 index.cshtml 中的角度模板。它在 index.cshtml 中加载完美的角度模板，但是当我在 app.component.html 中进行一些更改时，这些更改并未反映在 index.cshtml 中，并且它在浏览器中显示旧的默认模板。尽管我刷新了缓存，甚至禁用了 chrome 中的缓存，但仍在加载旧的默认模板。我无法理解为什么这个默认模板会显示，即使它还不存在。当我更改选择器名称时，它不会在我的 cshtml 中显示任何内容。这是我的代码

应用程序组件：

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

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

索引.cshtml：

@{
  ViewBag.Title = "Index";
 }


 <app-root></app-root>

捆绑配置：

          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));

标签： c#asp.net-mvcangularangular7

解决方案

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

推荐阅读