在多級Json中顯示一個鍵

我有一個從Servlet自動生成的多級Json。然後我使用AngularJS中的腳本將這個Json顯示在HTML中的模式對話框中（鍵，值）。模態對話框有許多選項卡，每個選項卡都使用Json的關鍵字進行命名，並在理論上指定值。在多級Json中顯示一個鍵
我想要的是正確顯示通訊員的值，而不是所有的對象，內部標籤。

這是我的Json

{ 
     "mission": { 
     "codice": "4", 
     "descrizione": "Missione aerea", 
     "nome": "New Mombasa", 
     "location": "Bari" 
     }, 
     "equipments": { 
     "radio": "no radio", 
     "drone": "UAV", 
     "minerobot": "no robot", 
     "binoculars": "binoculars" 
     }, 
     "weapons": { 
     "gun": "Beretta", 
     "machinegun": "Heavy Machine Gun", 
     "rocketlauncher": "", 
     "bombs": "granades", 
     "shotgun": "" 
     }, 
     "crew": { 
     "team": "Team Bravo", 
     "agent": "" 
     }, 
     "veicles": { 
     "car": "4x4", 
     "submarine": "", 
     "jet": "f-16", 
     "ship": "" 
     } 
    }

，這是誰產生的模態對話框

<script type="text/ng-template" id="myModalContent.html" > 
     <div class="modal-content"> 
      <div class ="modal-header"> 
       <h3 class ="modal-title">Dettaglio Missione {{Items.nome}}{{Items.mission.nome}} Codice:{{Items.codice}}{{Items.mission.codice}}</h3> 
      </div> 

      <br> 

      <div class="bs-example bs-example-tabs"> 
       <ul id="myTab" class="nav nav-tabs"> 
        <li class="" ng-repeat="(key, value) in Items"><a href="#{{key}}" data-toggle="tab">{{key}}</a></li> 
       </ul> 
      </div> 

      <div class="modal-body"> 
       <div id="myTabContent" class="tab-content"> 
        <div class="tab-pane fade in" ng-repeat="(key, value) in Items" id="{{key}}"> 

          {{value}} 

        </div> 
       </div> 

      <div class="modal-footer"> 
      <button class="btn btn-primary" type="submit" ng-click="ok()">OK</button> 
      <button class="btn btn-warning" type="submit" ng-click="cancel()">Cancel</button> 
      </div> 
     </div> 
    </script>

的照片有結果，你可以看到標籤是正確的部分顯示，但{{值}}顯示所有的JSON，而不僅僅是值。

Modal Dialog Photo

來源

2016-03-18 Kenzo

'value'是整個武器的對象，所以你可以使用另一個循環來循環通過武器對象 – Craicerjack

更換{{value}} 與

{{value.gun}} 
{{value.machinegun}} 
{{value.rocketlauncher}} 
{{value.bombs}} 
{{value.shotgun}}

或循環替換：

<div class="type" ng-repeat="(k, v) in value"> 
    {{k}}:{{v}} 
</div>

來源

2016-03-18 08:58:33 madalinivascu

這是鑽機H T。由於您的值是JavaScript對象，並且由於您將其傳遞到模板中，因此角度不知道如何處理它並轉儲整個對象。 – CORSAIR

萬分感謝！我解決了我的問題。我錯了，因爲我試圖以這種錯誤的方式解決。例如{{item.gun}} ...你知道我在哪裏可以正確地學習Json嗎？ – Kenzo

from stackoverflow – madalinivascu

在多級Json中顯示一個鍵

回答

相關問題