質問編集履歴

2

微調整

2021/10/27 09:17

投稿

BadXO
BadXO

スコア6

test CHANGED
File without changes
test CHANGED
@@ -60,7 +60,7 @@
60
60
 
61
61
 
62
62
 
63
- 追記
63
+ **追記**
64
64
 
65
65
  失礼致しました。正確な実装はこちらになります。
66
66
 

1

新しい情報を追記

2021/10/27 09:17

投稿

BadXO
BadXO

スコア6

test CHANGED
File without changes
test CHANGED
@@ -53,3 +53,55 @@
53
53
 
54
54
 
55
55
  何かご存知の方、もしくは実装したことがある方などなんでも良いのでコメント頂けるとありがたいです。
56
+
57
+
58
+
59
+
60
+
61
+
62
+
63
+ 追記
64
+
65
+ 失礼致しました。正確な実装はこちらになります。
66
+
67
+
68
+
69
+ View側
70
+
71
+ ```HMML
72
+
73
+ <div *ngFor="let value of array">
74
+
75
+ <div (mouseover)="mouseover(value)">{{ value }}</div>
76
+
77
+ </div>
78
+
79
+ ```
80
+
81
+
82
+
83
+ Component側
84
+
85
+ コンポーネント側では以下のプロパティとメソッドを定義しています。
86
+
87
+
88
+
89
+ ```
90
+
91
+ array = ['選択肢A', '選択肢B', '選択肢C'];
92
+
93
+
94
+
95
+ mouseover(event: any) {
96
+
97
+ console.log(event);
98
+
99
+ }
100
+
101
+ ```
102
+
103
+
104
+
105
+ イベントが発火した場合、メソッドが受け取るものはこのようになります。
106
+
107
+ ![イメージ説明](079c9d98a04ef5caca0340b3d6f0b315.png)