2017-04-13 85 views
-1

這是我的代碼。但是,這是行不通的,請幫我任何一個...如何添加多個頁面並將其導出到angular2

import { Component } from '@angular/core'; 
 
@Component({ selector: 'my-app', templateUrl: `page1.html` }) 
 
@Component({ selector: 'my-app2', templateUrl: `page2.html` }) 
 
@Component({ selector: 'my-app3', templateUrl: `page3.html` }) 
 
export class AppComponent{ name = 'Santosh Thakur'; phase = 'learning phase'; btn = 'Submit' } 
 
export class myApp3 { }

+0

你打算出口什麼? – Aravind

+0

在一個組件中不能有多個「@ component」。你可能會看到[this](http://stackoverflow.com/questions/40678088/multiple-components-in-angular2) – Smit

+1

@Smit你可以在一個文件中使用多個'@ component',但是你必須創建多個類也與組件相對應。 –

回答

0

所有要導出的組件創建一個共享的模塊。每個組件應該有它自己的component.ts文件和html文件。將所有這些組件導入共享模塊中,並從共享模塊中導出它們以用於其他模塊。然後,您可以簡單地導入此共享模塊並訪問其所有組件。希望這可以幫助你。

相關問題