带有来自angularjs的json数据的表

严厉的萨奇杰夫

我有两个json文件,我想使用诸如angularjs / jquery之类的东西生成一个动态表。我尝试了angularjs ng-repeat,但没有成功。

第一个JSON

$scope.myHospital = [
  {"name":"hos1"}, 
  {"name":"hos2"},
  {"name":"hos3"},
  {"name":"hos4"},
  {"name":"hos5"}
];

第二个JSON

$scope.data = [{
  "category":"first category",
  "procedure":[{
      "name":"pro1",
      "hospital": [
        {"price":"344"},
        {"price":"467"},
        {"price":"423"},
        {"price":"674"},
        {"price":"313"}
      ]
  }, {
    "name":"pro2",
    "hospital": [
      {"price":"234"},
      {"price":"568"},
      {"price":"136"},
      {"price":"567"},
      {"price":"666"}
    ]
  }, {
    "name":"pro3",
    "hospital": [
      {"price":"349"},
      {"price":"469"},
      {"price":"429"},
      {"price":"679"},
      {"price":"319"}
    ]
  }]
}];

我想要一张这样的桌子。是否可以请提供解决方案,否则请为实现此目的而对JSON进行哪些更改。预期产量表

坦美

您可以嵌套ng-repeat以实现此目的。假设第一家医院的价格映射到hos1,您可以执行以下操作,

<table>
  <tr ng-repeat="(hosIndex, hos) in myHospital">
    <td width="100px" ng-bind="hos.name"></td>
    <td width="100px" ng-repeat="pro in data[0].procedure" 
    ng-bind="pro.hospital[hosIndex].price">
    </td>
  </tr>
</table>

演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

来自带有Angularjs的JSON表

来自Groupby Python的带有多列的数据透视表

带有JSON数据的AngularJS多维数组

jQuery ajax 不将数据从 php 显示到带有 angularjs 和 json 的表

带有使用不同json的AngularJS的表

带有来自两个单独数据帧的聚合的 Pandas 数据透视表

带有来自 sql 数据库的值的表没有出现

带有JSON数据的Bootstrap表无法正常工作

带有json数据的ajax自动更新表

带有 Errobar 的多线图,用于来自两个表的数据

.isin() 带有来自数据帧的列

TableView不显示来自API调用的带有JSON数据的文本

带有来自json的数据的水平和垂直滚动表格视图

带有来自json对象的数据的Extjs网格并进行排序

Jaspersoft报告,带有来自DSpace文档服务器的嵌套JSON数据

带有来自 JSON 对象的数据的 C3 圆环图

带有多个表的数据透视表

AngularJS在表行的两个不同表数据中显示来自json对象的2个数组

带有Bootstrap 4的AngularJS数据表-格式化问题

带有AJAX数据源的AngularJS ng表,排序和过滤

带有 JSON 数据的 ExpandableListView

将来自熊猫的数据透视表转换为带有单个标题行的平面表格格式

如何通过 Azure SQL 数据库中的 API 插入带有 JSON 数据的新表

如何在angularjs中创建带有嵌套JSON缩进的表

使用带有 AJAX 和 JSON 文件的 DataTables 的表中没有可用数据

来自带有 while 循环的函数的表 [MATLAB]

SQL SUM()全部带有来自其他表的检查

带有来自其他表的 SUM 的 SQL 语句(for 循环)

SQL多行插入,带有来自不同表的多个选择