は私がルートフォルダに別のファイルにコンポーネントを定義します。Angular2でコンポーネントを参照するにはどうすればよいですか?
import {Component} from '@angular/core'
@Component({
selector: 'testtag',
templateUrl: './simplecomponent.component.html',
})
export class SimpleComponent {
}
私は、主成分はそうと同じように使用できるように、それをインポートしよう:
import {SimpleComponent} from './simplecomponent.component.ts'
を、私はその後、取得次のエラー:
VM360 zone.js:192 Error: (SystemJS) ReferenceError: SimpleComponent is not defined
ここにはPLUNKがあります。関連するコードはsrc/app.tsにあります。ここでコメントを外すとSimpleComponent
が動作することに注意してください。問題はそれを別のファイルに移動して参照していることに注意してください。
また、コンポーネントをモジュールに「アタッチ」する方法もあります。角度1では、私はちょうどでした:
angular.module('myApp').controller(name, function);
が、それは関係なく、ファイルが置かれている場所の、declarations
にそれを追加するだけですか?
@NgModule({
imports: [ BrowserModule ],
declarations: [ SimpleComponent ],
bootstrap: [ App ]
})