首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >用于*ngFor中每个项的循环和本地数组

用于*ngFor中每个项的循环和本地数组
EN

Stack Overflow用户
提问于 2018-05-08 06:36:41
回答 1查看 172关注 0票数 0

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//this.http.get("https://example.com/_api/web/lists/getbytitle('ImagingDocumentTypes')/items?$select=Title,Image,Source/Title,System/Title&$orderBy=Title&$expand=Source,System&$filter=System/Title eq '" + this.item + "'").subscribe(data => {
//this.doctypes = data['value'];

//EXAMPLE OUTPUT IS: 
this.doctypes = [{
  "Source": [{
    "Title": "Anchor (MN)"
  }, {
    "Title": "United Bancorp"
  }, {
    "Title": "Lafayette Savings Bank"
  }],
  "Title": "Commercial Loans",
}, {
  "Source": [{
    "Title": "Anchor (WI)"
  }, {
    "Title": "United Bancorp"
  }, {
    "Title": "Old National"
  }],
  "Title": "Checks",
}, {
  "Source": [{
    "Title": "Anchor (MN)"
  }, {
    "Title": "Anchor (WI)"
  }, {
    "Title": "Old National"
  }],
  "Title": "HR Documents",
}]


for (let i = 0; i < this.doctypes.length; i++) {
  let sources = this.doctypes[i].Source;
  let sourcesarr = [];
  for (let i = 0; i < sources.length; i++) {
    console.log(sources[i].Title)
    sourcesarr.push(sources[i].Title)
    console.log(sourcesarr)
  }
  sourcesarr.sort()
}

//})
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
	<script src="https://code.angularjs.org/tools/system.js"></script>
	<script src="https://code.angularjs.org/tools/typescript.js"></script>
	<script src="https://code.angularjs.org/2.0.0-alpha.39/angular2.dev.js"></script>

<table>
  <tr>
    <th class="modalheader">Document Types</th>
    <th class="modalheader">Sources</th>
  </tr>
  <tr *ngFor="let doctype of doctypes">
    <td>{{doctype.Title}}</td>
    <td>
      <!-- WANT EVERY SOURCE FOR EACH DOCTYPE HERE -->
    </td>
  </tr>
</table>

我为各种类型的文件及其来源建立了一个表格。

使用*ngFor,我循环遍历一个名为this.doctypes的对象数组,并希望获取每个doctype的源。使用公共的for循环,我可以获取使用文档类型的每个源,并将其推送到本地数组。我正在清除这个数组,并在迭代每个文档类型之后推送每个源。

但是,我不能将sourcesarr更改为全局变量(由第二个*ngFor访问),因为它将只存储上一次迭代的文档类型的源代码。

我怎么才能解决这个问题?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-05-08 07:14:30

如果我正确理解了你的问题,我认为这可能会有帮助。如果这有用的话,请告诉我:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<table>
  <tr>
    <th class="modalheader">Document Types</th>
    <th class="modalheader">Sources</th>
  </tr>
  <tr *ngFor="let doctype of doctypes">
    <td>{{doctype.Title}}</td>
    <td>
        <div *ngFor="let source of doctype.Source">
            {{source.Title}}
        </div>
    </td>
  </tr>
</table>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50236198

复制
相关文章
[Leetcode][python]删除排序数组中的重复项/删除排序数组中的重复项 II
数组完成排序后,我们可以放置两个指针 ii 和 jj,其中 ii 是慢指针,而 jj 是快指针。只要 nums[i] = nums[j]nums[i]=nums[j],我们就增加 jj 以跳过重复项。
蛮三刀酱
2019/03/26
6.5K0
小程序本地存储之循环写入数组内容
以Sync(同步,同时)结尾的都是都是同步缓存,二者的区别是,异步不会阻塞当前任务,同步缓存直到同步方法处理完才能继续往下执行。
许坏
2019/07/08
3.4K0
删除排序数组中的重复项
给定一个排序数组,你需要在 原地 删除重复出现的元素,使得每个元素只出现一次,返回移除后数组的新长度。不要使用额外的数组空间,你必须在 原地 修改输入数组 并在使用 O(1) 额外空间的条件下完成。
木瓜煲鸡脚
2020/09/23
5K0
<leetcode刷题-数组>删除排序数组中的重复项
给你一个有序数组 nums ,请你 原地 删除重复出现的元素,使每个元素 只出现一次 ,返回删除后数组的新长度。
哆哆jarvis
2022/08/23
4.3K0
linux awk 数组和循环[通俗易懂]
awk 中数组叫做关联数组(associative arrays),下标可以是数字也可以是字符串。awk 中的数组不必提前声明,也不必声明大小,初始化数组元素用 0 或空串,这根据上下文而定。
全栈程序员站长
2022/09/09
3.7K0
for 循环 和 Array 数组对象
- forEach 不支持 return 和 break,一定会把所有数据遍历完毕
Krry
2018/09/10
2.3K0
删除有序数组中的重复项
要求删除重复元素,实际上就是将不重复的元素移到数组的左侧,即慢指针p的右边都是不重复的元素,p—q之间是出现重复的元素。
大忽悠爱学习
2021/03/27
4.7K0
linux awk 数组和循环
awk 中数组叫做关联数组(associative arrays),下标可以是数字也可以是字符串。awk 中的数组不必提前声明,也不必声明大小,初始化数组元素用 0 或空串,这根据上下文而定。
阳光岛主
2019/02/19
4.1K0
删除排序数组中的重复项
给定一个排序数组,你需要在 原地 删除重复出现的元素,使得每个元素只出现一次,返回移除后数组的新长度。
_kyle
2020/11/03
4.5K0
删除有序数组中的重复项
给你一个 升序排列 的数组 nums ,请你 原地 删除重复出现的元素,使每个元素 只出现一次 ,返回删除后数组的新长度。元素的 相对顺序 应该保持 一致 。然后返回 nums 中唯一元素的个数。
狼啸风云
2023/10/07
1870
ModelBuilder中的For循环和While循环
现在开始讲迭代器,迭代是指以一定的自动化程度多次重复某个过程,通常又称为循环。说的通俗点就是批量循环处理,简称批处理。
陈南GISer
2021/08/18
4.3K0
ModelBuilder中的For循环和While循环
现在开始讲迭代器,迭代是指以一定的自动化程度多次重复某个过程,通常又称为循环。说的通俗点就是批量循环处理,简称批处理。
陈南GISer
2021/08/18
21.5K0
删除有序数组中的重复项 II
给你一个有序数组 nums ,请你 原地 删除重复出现的元素,使得出现次数超过两次的元素只出现两次 ,返回删除后数组的新长度。
狼啸风云
2023/10/07
1750
LeetCode | 删除有序数组中的重复项
题目 删除有序数组中的重复项 给你一个 升序排列 的数组 nums ,请你 原地 删除重复出现的元素,使每个元素 只出现一次 ,返回删除后数组的新长度。元素的 相对顺序 应该保持 一致 。 由于在某些语言中不能改变数组的长度,所以必须将结果放在数组nums的第一部分。更规范地说,如果在删除重复项之后有 k 个元素,那么 nums 的前 k 个元素应该保存最终结果。 将最终结果插入 nums 的前 k 个位置后返回 k 。 不要使用额外的空间,你必须在 原地修改输入数组 并在使用 O(1) 额外空间的条件下完成。 判题标准: 系统会用下面的代码来测试你的题解:
yiyun
2023/03/08
3.9K0
LeetCode | 删除有序数组中的重复项
js中数组求和_多个数组对应项求和
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/09
2.7K0
[leetcode数组系列]3 删除排序数组中的重复项
1 leetcode原文链接 https://leetcode-cn.com/problems/remove-duplicates-from-sorted-array/ 示例1
我是程序员小贱
2020/06/05
4.2K0
LeetCode - 删除排序数组中的重复项
LeetCode第26题,难度简单。这题题目也是相当的长,所以只取了题目的主干,示例和说明请点击下方链接查看详情。
晓痴
2019/08/22
4K0
LeetCode - 删除排序数组中的重复项
python中的for循环对象和循环退出
判断条件,1位true,0是flesh,成立时true,不成立flesh,not取反
py3study
2020/01/07
5.3K0
循环数组
array ( 'product_id' => array ( 0 => '1', 1 => '16', ), 'product_price_id' => array ( 0 => '2', 1 => '', ), 'qty' => array ( 0 => '1', 1 => '1', ), )
botkenni
2022/01/10
1.3K0
hive 中 统计某字段json数组中每个value出现的次数
需要将json数组里的qd_title都提取出来转换成hive中的array数组。下面介绍两种方法
Meet相识
2018/09/12
10.7K1

相似问题

*ngIf在*ngfor中验证for循环的每个项

42

按钮,用于本地存储中的每个项。

25

如何使用ngfor循环在数组中显示每个组件

26

*ngFor未循环所有项

321

如何延迟每个ngFor项动画

13
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文