在多级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中显示一个键

回答

相关问题