質問編集履歴
2
微調整
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
新しい情報を追記
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)
|