角2 - 多個組件無法正常工作

我學到角2，但我不能做一個多組分，用於爲例我試試這個，是doesen't工作：角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>

來源

2017-01-15 Morgan Millet

你能告訴我們，你在'./ app.component.html'中做了什麼嗎？如果你已經在'AppComponent' html中指定'test'，它就會工作。 –

你想讓你的測試組件在你的應用程序組件中顯示嗎？如果是這樣，請將''添加到'app.component.html' –

你要「調用」從應用測試組件。

而在Angular 2中，它使用html標籤選擇器完成。

如果您在app.component.html添加<test></test>

，它應該呈現的測試組件。

來源

2017-01-15 15:06:27 Doehl

角2 - 多個組件無法正常工作

回答

相關問題