问题标签 [angular-ngfor]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - 如何在使用 observable 更新数组时更新 *ngFor 以及如何在网站加载时初始化 observable？
我有两个组件“购物车”和“家”。这里的“主页”组件显示产品列表，它是网站的第一页。当有人使用“购物车”按钮将产品添加到购物车时，我想更新购物车。为此，我创建了一个使用 observable 将消息从“home”发送到“cart”组件的服务。
我面临的问题： 1. *ngFor 在使用 observable 更新数组时没有更新。2. 当我在 ngOnInit() 上初始化 observable 时，购物车数组仅在我访问购物车组件至少一次时才会更新。
home.component.ts
购物车.service.ts
购物车.component.ts
购物车.component.html
我尝试了“ChangeDetectorRef”、markForCheck() 和 detectChanges()，但这些都不起作用。
angular - Angular：如何在没有事件的情况下获取 *ngFor DOM 元素后面的对象？
如何根据 dom 元素的 id 或不涉及事件的其他内容访问 dom 元素后面的对象？
例如我有：
但我希望能够访问与 li DOM 元素关联的属性 a 和 b
编辑：问题不够清楚，所以我会尝试扩展。你通常会做什么
然后我可以在我的函数中访问 obj
somefunc我想在没有点击事件或任何其他事件的情况下实现我正在做的事情。因此，例如，我可以通过document.getElementById("1");或通过访问 DOM 元素 li，this.eleRef.nativeElement.querySelector('#1')但我想访问与 DOM 元素关联的 obj，所以我希望能够做这样的事情。
select - 如何在 Angular Material 9 中为“mat-select”元素编写自定义数据属性
我正在尝试为Angular Material 9data-tag中的元素设置自定义数据属性 () mat-select。以下是我正在使用的代码，但是通过将网页代码检查到浏览器中没有任何HTML反应：TS
HTML：
TS：
我发现了这个问题，但我不明白我做错了什么。谢谢
#编辑1：
我也试过：
但没有...
select - 如何在Angular（v9，Material）中导出或获取*ngFor循环的本地变量
Angular 的第一步（使用版本 9 的材料）。我正在使用以下代码创建一个表单：
HTML：
TS：
上面的代码没有返回正确的data-tag-subjectName属性，因为我在我的 HTML 代码中设置[value]了。subject.subjectSemestermat-option
正如代码注释中所写，我想将所选选项的和（的TS*ngFor ）都导出到循环之外，以将它们存储在相应的数据属性（和）中，例如，并在我的模板中使用它们作为和/或，但由于某种原因我不能这样做，例如：subjectSemestersubjectName objectdata-tag-subjectSemesterdata-tag-subjectNamelabelmat-hint
TS：
我尝试通过使用[ngValue]="subject"for更改代码mat-option到 HTML 代码中，导出valueasobject以尝试选择想要的变量，就像onChange上面修改后的最后一个函数一样，但是通过这种方式，我undefined在表单中获得了变量和空字段......
理想情况下，我想让以下代码工作：
HTML：
TS：
希望能理解我做错了什么，非常感谢。
angular - 从 LocalStorage 迭代 Angular 9 中的值
我在 Angular 中显示来自 Localstorage 的嵌套值时遇到问题。问题出在第二个 *ngFor 上。第一个 *ngFor 显示良好。第二个 ngFor 出现“TypeError: Cannot read property 'toUpperCase' of undefined”的错误？我不知道为什么是 toUppercase 因为我在这里没有使用大写
HTML
TS
angular - 角度嵌套`ngFor`使用来自外循环的变量
我正在制作一个动态权限列表，我将如何使用来自以下的“项目”：
在一个内部ngFor循环中。我尝试了以下和其他类似的变体：
这个PermissionsList例子是这样的：
angular - Angular 9`*ngFor`不适用于对象的`Array`
在 ts 文件中，我有这样的数据：
app.component.ts
和html模板如下：
app.component.html
结果如下：
我在这里做错了什么？
angular - 如何在Angular的`ngFor`中插入分隔符？
我有一个小节，我想知道如何html在每个小节之间放置分隔符，但不知道该怎么做，所以如果我能得到任何建议或帮助，我将不胜感激。
例如这样的：
angular - 具有通用组件的角度列表作为列表项
假设我有一个“ParentComponent”，它有一个项目列表（假设作为输入）并且需要呈现列表中的元素。我需要这个父组件是可重用的，但是它支持的自定义之一是选择它用于呈现列表项的模板（或组件）。用于子列表项的组件可以是任何东西，只要它可以将提供给它的列表项呈现为输入（模板可以正确引用项的属性）。这在诸如 React 之类的框架中是可能的，所以我的问题是在 Angular 中是否也可能，以及如何做到这一点？
我想象父组件将自定义组件作为输入，以及项目
模板是这样的
这意味着在另一个模板中使用父组件就像
这样的事情可能吗？我看了看，ng-content但我无法使它与*ngFor.
angular - Angular ngIf 在 ngFor 中工作，我想了解原因
我正在编写一个小角度应用程序，用户可以在其中选择一部电影并将其添加到他最喜欢的列表中。然后显示收藏夹列表，并且每个选定的电影都有一个指向show/hide显示电影情节的 div 的按钮。
这是我的html：
和我的 component.ts
奇怪的是它起作用了。既然声明 showCastValue为具有单个值的数组并且我可以访问this.showPlotValue[index]大于一的索引，那怎么可能呢？