<app-root>内容未在默认的角度应用程序中显示

时间:2019-07-26 13:54:35

标签: angular

我是新来的。我通过运行命令“ ng new Map”创建了一个默认的新项目。 然后,当我尝试运行命令“ ng serve -o”时,它打开页面“ http://localhost:4200/”,但未显示任何内容。 当我尝试修改文件“ index.html”时,例如,使用新更改更新页面标签的内容。但是,当我尝试更新文件“ app.component.html”时,不会显示所做的更改。

就像它不会加载标签“ app-root”的内容一样。谁能帮我吗?

我已经尝试将某些内容写入“ app-root”标记中,例如“ Loading ...”,并且出现文本“ Loading”,但没有将内容写入标记“ app-root”中。 我能做什么? Angular的安装过程中可能有一些错误吗?

我的index.html文件

<!doctype html>
<html lang="en">
  <head>
    <title>My-App</title>
  </head>
  <body>
    <app-root>Loading...</app-root>
  </body>
</html>

我的app.component.html:

<p> App works! </p>

app.module.ts

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

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

app.component.ts

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

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

我没有错误消息。我在网上找不到任何东西。似乎没有代码错误(这是非常简单的代码:P)。

0 个答案:

没有答案