teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

微調整

2021/10/27 09:17

投稿

BadXO
BadXO

スコア6

title CHANGED
File without changes
body CHANGED
@@ -29,7 +29,7 @@
29
29
 
30
30
 
31
31
 
32
- 追記
32
+ **追記**
33
33
  失礼致しました。正確な実装はこちらになります。
34
34
 
35
35
  View側

1

新しい情報を追記

2021/10/27 09:17

投稿

BadXO
BadXO

スコア6

title CHANGED
File without changes
body CHANGED
@@ -25,4 +25,30 @@
25
25
  </div>
26
26
  ```
27
27
 
28
- 何かご存知の方、もしくは実装したことがある方などなんでも良いのでコメント頂けるとありがたいです。
28
+ 何かご存知の方、もしくは実装したことがある方などなんでも良いのでコメント頂けるとありがたいです。
29
+
30
+
31
+
32
+ 追記
33
+ 失礼致しました。正確な実装はこちらになります。
34
+
35
+ View側
36
+ ```HMML
37
+ <div *ngFor="let value of array">
38
+ <div (mouseover)="mouseover(value)">{{ value }}</div>
39
+ </div>
40
+ ```
41
+
42
+ Component側
43
+ コンポーネント側では以下のプロパティとメソッドを定義しています。
44
+
45
+ ```
46
+ array = ['選択肢A', '選択肢B', '選択肢C'];
47
+
48
+ mouseover(event: any) {
49
+ console.log(event);
50
+ }
51
+ ```
52
+
53
+ イベントが発火した場合、メソッドが受け取るものはこのようになります。
54
+ ![イメージ説明](079c9d98a04ef5caca0340b3d6f0b315.png)