Question

我一直跟着this tutorial on youtube学习Angular 2.在33:00标记之后，我将headerComponent导入app.module.ts，localhost开始永久显示“在这里加载AppComponent内容” 。同时，在视频中，标题和内容几乎立即加载。我究竟做错了什么？这是我的代码：

app.component.ts：

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

import { headerComponent } from './header/app.headerComponent';

@Component({
  selector: 'my-app',
  templateUrl: './main.html',
})
export class AppComponent  {

}

app.headerComponent.ts：

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

@Component({
  selector: 'header',
  templateUrl: './header/header.html',
})
export class headerComponent  {



}

app.module.ts：

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent }  from './app.component';
import { headerComponent } from './header/app.headerComponent';


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

Answer 1

感谢TK Omble找出问题所在。有一个构建错误，因为我从头文件夹中名为header的文件夹中加载了一个头文件模板。现在我将templateUrl：'。/ header / header.html'更改为templateUrl：'。/ header.html'，它运行正常。

Angular 2在这里加载AppComponent内容时被困住了

1 个答案: