2017-04-13 5 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

を見るかもしれません@単一のファイルで複数の '@ component'を使うことができますが、複数作成する必要がありますクラスもコンポーネントに対応しています。 –

答えて

0

エクスポートするすべてのコンポーネントの共有モジュールを作成します。各コンポーネントには、独自のcomponent.tsファイルとhtmlファイルが必要です。これらのコンポーネントをすべて共有モジュールにインポートし、共有モジュールからエクスポートして他のモジュールで使用できます。次に、この共有モジュールをインポートして、すべてのコンポーネントにアクセスできます。これがあなたを助けることを願ってください。

関連する問題