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. React Native - 他のコンポーネントの上にコンポーネントを作成してレンダリングする方法
- 3. Angular2でSVGコンポーネントを動的に作成する方法は?
- 4. 汎用コンポーネントの作成-Angular2
- 5. Angular2コンポーネントの前に他のファイルをロードする方法
- 6. コンポーネントのインスタンスを作成する:Angular2ユニットテスト
- 7. コンポーネントの関数をAngular2の他のコンポーネントから呼び出す方法は?
- 8. 他のコンポーネントからコンポーネントを動的に作成する
- 9. Angular2他のコンポーネントに選択された値を渡す方法
- 10. 他のコンポーネントの中の角2のコンポーネント
- 11. 他のコンポーネントの中にコンポーネントを動的に追加する
- 12. データchildコンポーネントをangular2の親コンポーネントに渡す方法は?
- 13. angular2コンポーネントを無効にする方法
- 14. [angular2] [ngModules]他のモジュールからコンポーネントを呼び出す方法は?
- 15. angular2他のコンポーネントのメソッドを使用
- 16. Angular2に表示するたびにコンポーネントを再作成させる方法
- 17. ユニットテストAngular2コンポーネントと他のモジュール(およびコンポーネント)をインポートしたモジュール
- 18. Angular2 - 他のコンポーネントからhttp.getを放出
- 19. 他のコンポーネントから反応コンポーネントをトリガーする方法
- 20. 別のコンポーネントを含むWebコンポーネントの作成方法
- 21. カスタムSwingコンポーネントを作成する方法
- 22. Angular2コンポーネントでscss変数を操作する方法
- 23. angular2のあるコンポーネントから別のコンポーネントにオブジェクトを渡す方法は?
- 24. ComponentResolverとngForでAngular2のコンポーネントを作成する
- 25. Angular2のイベントトリガー複数のコンポーネントを作る方法
- 26. Angular2反応性フォーム - フォームコントロール他のコンポーネント
- 27. Angular2コンポーネント - 1子から他の
- 28. Angular2コンポーネントとしてブートストラップモーダルを動的に作成する方法は?
- 29. Angular2 - 作成されたコンポーネントを動的に挿入する方法は?
- 30. VUE jsのコンポーネント間でデータを共有する方法(リストの作成中)