首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用于填充表的倍数ng

用于填充表的倍数ng
EN

Stack Overflow用户
提问于 2016-07-21 16:10:35
回答 2查看 41关注 0票数 0

Im试图用来自不同作用域变量的值填充同一个表。A和B将永远拥有相同的长度。

代码语言:javascript
运行
复制
$scope.a = [1,2,3]
$scope.b = [4,5,6]
代码语言:javascript
运行
复制
<table>
  <thead>
    <tr>
      <th>A</th>
      <th>B</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="itemA in a, itemB in b"> <!-- How should be this ng-repeat?-->
      <td>{{itemA}}</td>
      <td>{{itemB}}</td>
    </tr>
  </tbody>
</table>

结果应该是一个表格,如下所示:

A - B

1-4

2-5

3-6

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-07-21 16:15:37

如果我们可以假设这两个数组的长度总是相同的:

代码语言:javascript
运行
复制
<table>
  <thead>
    <tr>
      <th>A</th>
      <th>B</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="itemA in a track by $index"> 
      <td>{{itemA}}</td> <!--Could also be a[$index] -->
      <td>{{b[$index]}}</td>
    </tr>
  </tbody>
</table>

它所做的就是跟踪数组和索引,并使用该索引在B中获得必要的元素。

票数 2
EN

Stack Overflow用户

发布于 2016-07-21 16:13:45

我会将两个数组设为一个,并访问如下所示的属性:

代码语言:javascript
运行
复制
$scope.items = [{
    a: 1,
    b: 4    
}, {
    a: 2,
    b: 5    
}, {
    a: 3,
    b: 6    
}]

<tr ng-repeat="item in items">
  <td>{{item.a}}</td>
  <td>{{item.b}}</td>
</tr>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38509229

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档