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

質問編集履歴

2

削除の取り消し

2017/04/11 00:50

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,11 +1,57 @@
1
+ 初投稿ですので
1
- 解決済みです。ご閲覧ありとうございました。。。。。。。。。。。。。。。。。。。。。。。。
2
+ 不備がございましたらご了承ください
2
3
 
4
+ AngularJSのng-repeatにてサーバ側から得た情報を
5
+ 初期値としてテキストボックスに表示させて
6
+ そのテキストボックスに変更があった場合にボタンを有効化させたいです。
3
7
 
4
8
 
9
+ 現在の状況としましては
10
+ 下記のコードで実行するとテキストを変更してもずっとボタンが無効化です。
5
11
 
12
+ ng-disabled="vehicleSellCarForm\.\$pristine"を
13
+ ng-disabled="vehicleSellCarForm\.textRemarks\.\$pristine"とすると
14
+ 常に有効化になってしまいます。
15
+ \(エラーコードは出ていません。\)
6
16
 
17
+ これを上記の通り
18
+ テキストボックスの変更があった場合にボタンを有効化させたいです。
19
+ 調査方法が甘いのか解決策が分かりません。
20
+ どうかお力添えの方よろしくお願いします。。
7
21
 
8
22
 
23
+ <form name="vehicleSellCarForm">
24
+
25
+ //省略//
9
26
 
10
-
27
+ <div class="row vehicleSellCar-list-title-row " ng-repeat="item in vehicleSellCars">
28
+ <div class="col-sm-1">
11
-
29
+ <div>
30
+ <p>{{item\.name}}</p>
31
+ </div>
32
+ </div>
33
+ <div class="col-sm-1">
34
+ <div>
35
+ <p>{{item\.phone}}</p>
36
+ </div>
37
+ </div>
38
+ <div class="col-sm-2">
39
+ <div>
40
+ <p>{{item\.dateTime}}</p>
41
+ </div>
42
+ </div>
43
+ <div class="col-sm-2">
44
+ <div>
45
+ <p>{{item\.updateTime}}</p>
46
+ </div>
47
+ </div>
48
+ <div class="col-sm-5">
49
+ <div>
50
+ <input type="text" class="textbox" name="textRemarks" value="{{item\.remarks}}" >
51
+ </div>
52
+ </div>
53
+ <div class="col-sm-1">
54
+ <button type="button" class="btn btn-primary" ng-disabled="vehicleSellCarForm\.\$pristine">確認</button>
55
+ </div>
56
+ </div>
57
+ </form>

1

解決

2017/04/11 00:49

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,57 +1,11 @@
1
- 初投稿ですので
2
- 不備がございましたらご了承ください
1
+ 解決済みです。ご閲覧ありとうございました。。。。。。。。。。。。。。。。。。。。。。。。
3
2
 
4
- AngularJSのng-repeatにてサーバ側から得た情報を
5
- 初期値としてテキストボックスに表示させて
6
- そのテキストボックスに変更があった場合にボタンを有効化させたいです。
7
3
 
8
4
 
9
- 現在の状況としましては
10
- 下記のコードで実行するとテキストを変更してもずっとボタンが無効化です。
11
5
 
12
- ng-disabled="vehicleSellCarForm.$pristine"を
13
- ng-disabled="vehicleSellCarForm.textRemarks.$pristine"とすると
14
- 常に有効化になってしまいます。
15
- (エラーコードは出ていません。)
16
6
 
17
- これを上記の通り
18
- テキストボックスの変更があった場合にボタンを有効化させたいです。
19
- 調査方法が甘いのか解決策が分かりません。
20
- どうかお力添えの方よろしくお願いします。。
21
7
 
22
8
 
23
- <form name="vehicleSellCarForm">
24
-
25
- //省略//
26
9
 
27
- <div class="row vehicleSellCar-list-title-row " ng-repeat="item in vehicleSellCars">
10
+
28
- <div class="col-sm-1">
29
- <div>
11
+
30
- <p>{{item.name}}</p>
31
- </div>
32
- </div>
33
- <div class="col-sm-1">
34
- <div>
35
- <p>{{item.phone}}</p>
36
- </div>
37
- </div>
38
- <div class="col-sm-2">
39
- <div>
40
- <p>{{item.dateTime}}</p>
41
- </div>
42
- </div>
43
- <div class="col-sm-2">
44
- <div>
45
- <p>{{item.updateTime}}</p>
46
- </div>
47
- </div>
48
- <div class="col-sm-5">
49
- <div>
50
- <input type="text" class="textbox" name="textRemarks" value="{{item.remarks}}" >
51
- </div>
52
- </div>
53
- <div class="col-sm-1">
54
- <button type="button" class="btn btn-primary" ng-disabled="vehicleSellCarForm.$pristine">確認</button>
55
- </div>
56
- </div>
57
- </form>