在angularjs

时间:2015-09-08 15:01:47

标签: json angularjs

我正在使用angularjs隐藏/显示列,问题是我从这样的json文件加载表头:

<th ng-repeat="indicador in indicadores[0].opciones" 
    ng-show="filtro[indicador.id_n]" style="text-align: center; width:200px;">
        {{indicador.abr}}
</th>

该代码会加载所有可能的标头,因此如果用户决定查看某个列,则会显示该列。

但问题是来自列的数据也来自另一个json文件,事实是列的总数是32,那些32列分布在6个对象中(例如,用户希望看到4个属性)来自对象A的对象A和3中的列。

我的问题是我如何编写代码来显示用户选择查看的每一列而不是逐个编码,如下所示:

<td>
    <div class="cuadrado"  ng-show="filtro[0]"
        ng-repeat="localidad in pueblo.localidades | filter:busqueda  | orderBy:'nombre'">
            {{localidad.oferta.ecas}}
    </div>
</td> <!--and the rest 31 cols go below-->

我需要一种迭代方法来执行此操作,以迭代方式访问json文件中的不同对象及其嵌套属性。 这是我的json,我用它来填充数据:http://www.jsoneditoronline.org/?id=431cdc8fdd1b10a8acb202a1cbbc2082

注意:如果它有任何用处,那么我只在一列中显示每个对象一个属性,所以用户当时只能选择一个属性,我的代码是这样的:

<td>
    <div class="cuadrado" 
        ng-repeat="localidad in pueblo.localidades | filter:busqueda  | orderBy:'nombre'">
        {{localidad.oferta[tipoIndicador[0]]}}
    </div>
</td>   

编辑:我一直在阅读论坛并找到了这个

<ul>
    <li ng-repeat="(key,val) in data">{{key}}: {{val}}</li>
</ul>

制作本

<ul>
    <li>Name: John</li>
    <li>Phone: (123) 456-7890</li>
    <li>Country: England</li>
</ul>

这样我可以动态访问不同类型的对象而不知道属性的所有名称,我做了一些测试和工作,但我仍然不知道如何以迭代的方式访问我的对象的大多数嵌套元素

0 个答案:

没有答案