Question

我学会了角度2，但我不能做多个组件，例如我尝试这个并且不能工作：

app.module.ts：

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

import { AppComponent }  from './app.component';
import { TestComponent } from './test.component';

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

app.component.ts：

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

@Component({
    moduleId: module.id,
    selector: 'my-app',
    templateUrl: './app.component.html'
})

export class AppComponent  {}

test.component.ts：

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

@Component({
    moduleId: module.id,
    selector: 'test',
    templateUrl: './test.component.html'
})

export class TestComponent {}

app.component.html：

<h1>Hello World!</h1>

test.component.html：

<h2>test</h2>

Answer 1

您必须从应用程序“调用”测试组件。

在Angular 2中，它是使用html标签选择器完成的。

如果您添加<test></test>

在app.component.html中，它应该呈现测试组件。

角度2 - 多个组件不起作用

1 个答案: