2016-09-12 1 views
0

Я получил ответ JSON от сервера, упомянутого ниже.Как запросить критический JSON в ионный

{ 
    "employeeId": null, 
    "id": "DB06442E-2993-4FE8-B496-5A0CF61C8342", 
    "message": null, 
    "objects": [ 
    { 
     "Children": [], 
     "Fields": [ 
     { 
      "Key": "CallID", 
      "Value": 1000 
     }, 
     { 
      "Key": "CallDate", 
      "Value": "Sep 9 2016 10:14AM" 
     }, 
     { 
      "Key": "ClientName", 
      "Value": "" 
     }, 
     { 
      "Key": "AssetName", 
      "Value": "Automatic Cold Cranking Simulator" 
     }, 
     { 
      "Key": "CallCategory", 
      "Value": "Corrective Maintenance" 
     } 
     ], 
     "Type": 8 
    }, 
    { 
     "Children": [], 
     "Fields": [ 
     { 
      "Key": "CallID", 
      "Value": 1000 
     }, 
     { 
      "Key": "CallDate", 
      "Value": "Sep 9 2016 10:20AM" 
     }, 
     { 
      "Key": "ClientName", 
      "Value": "" 
     }, 
     { 
      "Key": "AssetName", 
      "Value": "Auto Mini Pour Point Tester " 
     }, 
     { 
      "Key": "CallCategory", 
      "Value": "Preventive Maintenance" 
     } 
     ], 
     "Type": 8 
    }, 
    { 
     "Children": [], 
     "Fields": [ 
     { 
      "Key": "CallID", 
      "Value": 1000 
     }, 
     { 
      "Key": "CallDate", 
      "Value": "Sep 9 2016 10:23AM" 
     }, 
     { 
      "Key": "ClientName", 
      "Value": "" 
     }, 
     { 
      "Key": "AssetName", 
      "Value": "Balance - Citizon CX 220" 
     }, 
     { 
      "Key": "CallCategory", 
      "Value": "Calibration" 
     } 
     ], 
     "Type": 8 
    }, 
    { 
     "Children": [], 
     "Fields": [ 
     { 
      "Key": "CallID", 
      "Value": 1001 
     }, 
     { 
      "Key": "CallDate", 
      "Value": "Sep 9 2016 10:26AM" 
     }, 
     { 
      "Key": "ClientName", 
      "Value": "" 
     }, 
     { 
      "Key": "AssetName", 
      "Value": "Others" 
     }, 
     { 
      "Key": "CallCategory", 
      "Value": "Installation" 
     } 
     ], 
     "Type": 8 
    } 
    ], 
    "success": true 
} 

Не могли бы вы объяснить мне больше, как в моей структуре json.

myhtml.html

<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="item in callItems" type="item-text-wrap" ng-click="doTask()"> 

         <h3 style="color:black;">{{item.CallID}}</h3> 
         <h3 style="color:black;">{{item.CallDate}}</h3> 
         <p style="color:black;">{{item.ClientName}}</p> 
         <p style="color:black;">{{item.AssetName}}</p> 
         <p style="color:black;">{{item.CallCategory}}</p> 

      </ion-item> 

myjs.js

$http.post("http://testCrm.com/GetAllObjects", 
         {"objectId":null,"objects":null,"searchParams":null,"sessionId":"DB06442E-2993-4FE8-B496-5A0CF61C8342","type":8}) 
      .success(function(data) { 
        alert("SUCCESS!"); 

        $rootScope.callItems = data; 
        console.log($rootScope.callItems); 

        }) 
      .error(function(data) { 
        alert("ERROR"); 
        alert(data); 
        }); 

В соответствии с моего кода я могу иметь возможность получить ответ Но как я могу разобрать значение в представлении?

ответ

1

вы можете следовать этому также

 <div ng-repeat="(key, value) in item.Fields"> 

      <h3 style="color:black;"> {{value.Value}}</h3> 

     </div> 
     <button ng-click=something($index,item.Fields[0].Value)>check it</button> 
</div> 

JS добавить ниже функции и посмотреть, и будет получать предупреждение с индексом

$scope.something=function(a,b){ 
    alert(a);//alerts index 
alert(b);//alerts CaalID of that index 
} 

working codepen

new requirments

+0

короткий п сладкий @Chowdary –

+0

ой я спасибо .... но я пропустил ваше требование, что и нужно 2 h3 и остальные р tags.i я стучал головой, чтобы удовлетворить что –

+0

Нет проблем :) :) –

1

this может быть не лучшим решением, но это рабочая демонстрация. Я думаю, вам нужно снова изменить структуру объекта json и создать его в соответствии с вашим требованием.

<div ng-repeat="item in callItems.objects"> 
     <div ng-repeat="fi in item" > 
     <div ng-repeat="kk in fi"> 
      <h3 style="color:black;" ng-if="kk.Key == 'CallID'">{{kk.Value}}</h3> 
      <h3 style="color:black;" ng-if="kk.Key == 'CallDate'">{{kk.Value}}</h3> 
      <h3 style="color:black;" ng-if="kk.Key == 'ClientName'">{{kk.Value}}</h3> 
      <h3 style="color:black;" ng-if="kk.Key == 'AssetName'">{{kk.Value}}</h3> 
      <h3 style="color:black;" ng-if="kk.Key == 'CallCategory'">{{kk.Value}}</h3> 
     </div> 
     </div> 
+0

Спасибо большое @Rana –

Смежные вопросы