0
A
答えて
-1
これを実装する方法の方法です。
MainComponent.ts
import { Component } from '@angular/core';
import { MyService1 } from '../../providers/myService1/myService1';
import { MyCmp1 } from '../../components/myCmp1/myCmp1';
@Component({
templateUrl: 'build/pages/mainComponent/mainComponent.html',
providers: [
MyService1
],
directives: [
MyCmp1
],
//pipes: [ ... ] // Pipes which you are using
})
export class MainComponent {
main: any;
constructor() {
this.load();
}
load(): void {
MyService1.loadData()
.then((response) => {
main.data1 = response;
});
}
onShowMe(data): void {
alert(data);
}
}
MainComponent.html
<div class="main-component">
<h1>Main Component</h1>
<my-cmp-1 [data1]="main?.data1" (onShowMe)="onShowMe($event)"></my-cmp-1>
</div>
MyCmp1.ts
import { Component, EventEmitter } from '@angular/core';
import { Input, Output } from '@angular/core';
@Component({
selector: 'my-cmp-1',
templateUrl: 'build/components/myCmp1/myCmp1.html'
})
export class MyCmp1 {
@Input() data1: any;
@Output() onShowMe = new EventEmitter();
showMe(event: Event, data: any): void {
event.preventDefault(); // If you are using <a> or etc.
this.onShowMe.emit(data);
}
}
MyCmp1.html
<h3>My Component 1</h3>
<a href="" (click)="showMe($event, 'message from MyCmp1')">Show Me</a>
関連する問題
- 1. 親コンポーネントの中に子コンポーネントを登録する方法angular2
- 2. Angular2でSVGコンポーネントを動的に作成する方法は?
- 3. Angular2コンポーネントの前に他のファイルをロードする方法
- 4. コンポーネントのインスタンスを作成する:Angular2ユニットテスト
- 5. 他のコンポーネントの中の角2のコンポーネント
- 6. 他のコンポーネントの中にコンポーネントを動的に追加する
- 7. angular2コンポーネントを無効にする方法
- 8. [angular2] [ngModules]他のモジュールからコンポーネントを呼び出す方法は?
- 9. ユニットテストAngular2コンポーネントと他のモジュール(およびコンポーネント)をインポートしたモジュール
- 10. Angular2に表示するたびにコンポーネントを再作成させる方法
- 11. 他のコンポーネントから反応コンポーネントをトリガーする方法
- 12. 別のコンポーネントを含むWebコンポーネントの作成方法
- 13. Angular2コンポーネントでscss変数を操作する方法
- 14. カスタムSwingコンポーネントを作成する方法
- 15. angular2のあるコンポーネントから別のコンポーネントにオブジェクトを渡す方法は?
- 16. ComponentResolverとngForでAngular2のコンポーネントを作成する
- 17. Angular2反応性フォーム - フォームコントロール他のコンポーネント
- 18. Angular2コンポーネント - 1子から他の
- 19. Angular2のイベントトリガー複数のコンポーネントを作る方法
- 20. Angular2 - 作成されたコンポーネントを動的に挿入する方法は?
- 21. Angular2コンポーネントとしてブートストラップモーダルを動的に作成する方法は?
- 22. A他のコンポーネントに応答するコンポーネント
- 23. jsfのマネージドBeanで日中作成されたコンポーネントにアクセスする方法
- 24. Angular2 - 子コンポーネントのみの施行方法
- 25. 他のコンポーネントからEmberコンポーネントを呼び出す方法は?
- 26. angular2コンポーネントのテスト中に観測可能なストリームを模擬する方法は?
- 27. ラッピングビヘイビア・プロップを管理する他のリアクション・コンポーネントの反作用コンポーネント。
- 28. Angular2動的コンポーネントに最適な方法
- 29. Angular2コンポーネントのユニットテスト
- 30. Angular2 - 別のコンポーネント