回答編集履歴

4

修正

2017/04/06 04:05

投稿

akabee
akabee

スコア1947

test CHANGED
@@ -146,11 +146,11 @@
146
146
 
147
147
 
148
148
 
149
- <ons-lis-item ons-lazy-repeat="hoge.delegate">
149
+ <ons-list-item ons-lazy-repeat="hoge.delegate">
150
150
 
151
151
  {{ item }}
152
152
 
153
- </ons-lis-item>
153
+ </ons-list-item>
154
154
 
155
155
 
156
156
 
@@ -162,4 +162,6 @@
162
162
 
163
163
  </html>
164
164
 
165
+
166
+
165
167
  ```

3

追記

2017/04/06 04:05

投稿

akabee
akabee

スコア1947

test CHANGED
@@ -39,3 +39,127 @@
39
39
 
40
40
 
41
41
  ![イメージ説明](35bf3c5f682dfa216ad911e7e066550b.jpeg)
42
+
43
+
44
+
45
+ ※追記
46
+
47
+
48
+
49
+ 動作確認できたコードです。
50
+
51
+
52
+
53
+ ```HTML
54
+
55
+ <!DOCTYPE HTML>
56
+
57
+ <html>
58
+
59
+ <head>
60
+
61
+ <meta charset="utf-8">
62
+
63
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
64
+
65
+ <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
66
+
67
+ <script src="components/loader.js"></script>
68
+
69
+ <script src="lib/angular/angular.min.js"></script>
70
+
71
+ <script src="lib/onsenui/js/onsenui.min.js"></script>
72
+
73
+ <script src="lib/onsenui/js/angular-onsenui.min.js"></script>
74
+
75
+
76
+
77
+ <link rel="stylesheet" href="components/loader.css">
78
+
79
+ <link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
80
+
81
+ <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css">
82
+
83
+ <link rel="stylesheet" href="css/style.css">
84
+
85
+
86
+
87
+ <script>
88
+
89
+ ons.bootstrap()
90
+
91
+ .controller("HogeCtrl", function() {
92
+
93
+
94
+
95
+ this.delegate = {
96
+
97
+ createItemContent: function(i) {
98
+
99
+ return ons._util.createElement(
100
+
101
+ "<ons-list-item tappable ng-click='hoge.popP()'>Item " + i + "</ons-list-item>"
102
+
103
+ );
104
+
105
+ },
106
+
107
+
108
+
109
+ countItems: function() {
110
+
111
+ return 50;
112
+
113
+ }
114
+
115
+ }
116
+
117
+
118
+
119
+ this.popP = function() {
120
+
121
+ alert('hoge')
122
+
123
+ };
124
+
125
+ });
126
+
127
+
128
+
129
+ ons.ready(function() {
130
+
131
+ console.log("Onsen UI is ready!");
132
+
133
+ });
134
+
135
+
136
+
137
+ </script>
138
+
139
+ </head>
140
+
141
+ <body>
142
+
143
+ <ons-page ng-controller="HogeCtrl as hoge">
144
+
145
+ <ons-list>
146
+
147
+
148
+
149
+ <ons-lis-item ons-lazy-repeat="hoge.delegate">
150
+
151
+ {{ item }}
152
+
153
+ </ons-lis-item>
154
+
155
+
156
+
157
+ </ons-list>
158
+
159
+ </ons-page>
160
+
161
+ </body>
162
+
163
+ </html>
164
+
165
+ ```

2

追記

2017/04/06 03:59

投稿

akabee
akabee

スコア1947

test CHANGED
@@ -27,3 +27,15 @@
27
27
 
28
28
 
29
29
  ![イメージ説明](97dcd005174225f2247aa8adba8ba119.jpeg)
30
+
31
+
32
+
33
+ ※追記
34
+
35
+
36
+
37
+ onsenUIのバージョンです。
38
+
39
+
40
+
41
+ ![イメージ説明](35bf3c5f682dfa216ad911e7e066550b.jpeg)

1

再現確認結果を記載

2017/04/06 02:47

投稿

akabee
akabee

スコア1947

test CHANGED
@@ -15,3 +15,15 @@
15
15
  </ons-lazy-repeat>
16
16
 
17
17
  ```
18
+
19
+
20
+
21
+ ※追記
22
+
23
+
24
+
25
+ 再現できませんでした。。。
26
+
27
+
28
+
29
+ ![イメージ説明](97dcd005174225f2247aa8adba8ba119.jpeg)