teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問ng-repeatを利用した場合のバリデーション方法

編集履歴

質問編集履歴

2

削除の取り消し

2017/04/11 00:50

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,21 +1,113 @@
1
+ 初投稿ですので
2
+
3
+ 不備がございましたらご了承ください。
4
+
5
+
6
+
7
+ AngularJSのng-repeatにてサーバ側から得た情報を
8
+
9
+ 初期値としてテキストボックスに表示させて
10
+
1
- 解決済みです。ご閲覧ありがとうございました。。。。。。。。。。。。。。。。。。。。。。。。
11
+ そのテキストボックスに変更があった場合にボタンを有効化させたいです。
2
12
 
3
13
 
4
14
 
5
15
 
6
16
 
17
+ 現在の状況としましては
18
+
19
+ 下記のコードで実行するとテキストを変更してもずっとボタンが無効化です。
20
+
21
+
22
+
23
+ ng-disabled="vehicleSellCarForm\.\$pristine"を
24
+
25
+ ng-disabled="vehicleSellCarForm\.textRemarks\.\$pristine"とすると
26
+
27
+ 常に有効化になってしまいます。
28
+
29
+ \(エラーコードは出ていません。\)
30
+
31
+
32
+
33
+ これを上記の通り
34
+
35
+ テキストボックスの変更があった場合にボタンを有効化させたいです。
36
+
37
+ 調査方法が甘いのか解決策が分かりません。
38
+
39
+ どうかお力添えの方よろしくお願いします。。
7
40
 
8
41
 
9
42
 
10
43
 
11
44
 
45
+ <form name="vehicleSellCarForm">
46
+
47
+
48
+
49
+ //省略//
12
50
 
13
51
 
14
52
 
53
+ <div class="row vehicleSellCar-list-title-row " ng-repeat="item in vehicleSellCars">
15
54
 
55
+ <div class="col-sm-1">
16
56
 
57
+ <div>
17
58
 
59
+ <p>{{item\.name}}</p>
18
60
 
61
+ </div>
19
62
 
63
+ </div>
20
64
 
65
+ <div class="col-sm-1">
66
+
21
- 。
67
+ <div>
68
+
69
+ <p>{{item\.phone}}</p>
70
+
71
+ </div>
72
+
73
+ </div>
74
+
75
+ <div class="col-sm-2">
76
+
77
+ <div>
78
+
79
+ <p>{{item\.dateTime}}</p>
80
+
81
+ </div>
82
+
83
+ </div>
84
+
85
+ <div class="col-sm-2">
86
+
87
+ <div>
88
+
89
+ <p>{{item\.updateTime}}</p>
90
+
91
+ </div>
92
+
93
+ </div>
94
+
95
+ <div class="col-sm-5">
96
+
97
+ <div>
98
+
99
+ <input type="text" class="textbox" name="textRemarks" value="{{item\.remarks}}" >
100
+
101
+ </div>
102
+
103
+ </div>
104
+
105
+ <div class="col-sm-1">
106
+
107
+ <button type="button" class="btn btn-primary" ng-disabled="vehicleSellCarForm\.\$pristine">確認</button>
108
+
109
+ </div>
110
+
111
+ </div>
112
+
113
+ </form>

1

解決

2017/04/11 00:49

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,113 +1,21 @@
1
- 初投稿ですので
2
-
3
- 不備がございましたらご了承ください。
4
-
5
-
6
-
7
- AngularJSのng-repeatにてサーバ側から得た情報を
8
-
9
- 初期値としてテキストボックスに表示させて
10
-
11
- そのテキストボックスに変更があった場合にボタンを有効化させたいです。
1
+ 解決済みです。ご閲覧ありがとうございました。。。。。。。。。。。。。。。。。。。。。。。。
12
2
 
13
3
 
14
4
 
15
5
 
16
6
 
17
- 現在の状況としましては
18
-
19
- 下記のコードで実行するとテキストを変更してもずっとボタンが無効化です。
20
-
21
-
22
-
23
- ng-disabled="vehicleSellCarForm.$pristine"を
24
-
25
- ng-disabled="vehicleSellCarForm.textRemarks.$pristine"とすると
26
-
27
- 常に有効化になってしまいます。
28
-
29
- (エラーコードは出ていません。)
30
-
31
-
32
-
33
- これを上記の通り
34
-
35
- テキストボックスの変更があった場合にボタンを有効化させたいです。
36
-
37
- 調査方法が甘いのか解決策が分かりません。
38
-
39
- どうかお力添えの方よろしくお願いします。。
40
7
 
41
8
 
42
9
 
43
10
 
44
11
 
45
- <form name="vehicleSellCarForm">
46
-
47
-
48
-
49
- //省略//
50
12
 
51
13
 
52
14
 
53
- <div class="row vehicleSellCar-list-title-row " ng-repeat="item in vehicleSellCars">
54
15
 
55
- <div class="col-sm-1">
56
16
 
57
- <div>
58
17
 
59
- <p>{{item.name}}</p>
60
18
 
61
- </div>
62
19
 
63
- </div>
64
20
 
65
- <div class="col-sm-1">
66
-
67
- <div>
21
+ 。
68
-
69
- <p>{{item.phone}}</p>
70
-
71
- </div>
72
-
73
- </div>
74
-
75
- <div class="col-sm-2">
76
-
77
- <div>
78
-
79
- <p>{{item.dateTime}}</p>
80
-
81
- </div>
82
-
83
- </div>
84
-
85
- <div class="col-sm-2">
86
-
87
- <div>
88
-
89
- <p>{{item.updateTime}}</p>
90
-
91
- </div>
92
-
93
- </div>
94
-
95
- <div class="col-sm-5">
96
-
97
- <div>
98
-
99
- <input type="text" class="textbox" name="textRemarks" value="{{item.remarks}}" >
100
-
101
- </div>
102
-
103
- </div>
104
-
105
- <div class="col-sm-1">
106
-
107
- <button type="button" class="btn btn-primary" ng-disabled="vehicleSellCarForm.$pristine">確認</button>
108
-
109
- </div>
110
-
111
- </div>
112
-
113
- </form>