-
-1 votesanswersviews
Angular 2 * ngFor嵌套循环
我有两个班：Produkt和Werbedaten . werbedaten类有一个produckt数组 . 我想使用* ngFor公开一个具有Produkts数组的werbedaten数组 export class Produkt { public artikelNummer: number; public hauptabbildung: string; } export cl... -
0 votesanswersviews
* ngFor：循环的最后一个索引为null [重复]
这个问题在这里已有答案： *ngIf and *ngFor on same element causing error 13个答案 这是我的代码以最小的形式： <div> {{ 'This is all comments Array =>'}}<br> {{selectedPost.comments}} <div *ngIf=&qu... -
0 votesanswersviews
在嵌套的* ngFor中获取外部* ngFor的索引
我试图在嵌套的* ngFor中获取外部* ngFor的索引 . 附上以下代码： <div *ngFor="let st of s;let i = index"> <span *ngFor="let indexnumber of i">&nbsp;</span> //i is the index ... -
0 votesanswersviews
Angular ngFor类绑定ExpressionChangedAfterItHasBeenCheckedError
我有一个ngFor循环，它通过我从服务器获得的对象 . 一切都很顺利 . <tr *ngFor="let item of clientPositions"> <td ">{{setStatus(item.exitPrice)}}</td> </tr> 组件部分只是查看是否有数字进入： setStat... -
0 votesanswersviews
如何在Angular2中使用来自NgFor的值在同一个标签上？
我需要能够在模板中执行循环并使用我正在做的相同标签上的数据的值 *ngFor . 像这样： <a *ngFor="#language of Settings.allLanguages" id="language-link-{{language.id}}"> {{language.name}} </a> 但它给出了错... -
3 votesanswersviews
Angular2 ngFor父元素
我试图有条理地将我的bootstrap col-xs-4的三个包装成一排 . 我的col-xs-4渲染很好，但是我无法弄清楚如何让它们连续地包裹起来 . 这是我的当前不是NgFor： <div class="col-xs-4" *ngFor='let linkGroup of linkGroups | siteMapText: siteMapTextFilter; let... -
1 votesanswersviews
Angularfire2 * ng不在Ionic 2 app中更新DOM
我正在使用Ionic和Firebase后端制作社交媒体应用程序，我使用Angularfire2进行通信 . 我的应用程序中有一个页面，它通过从NavParams接收一个uid来列出用户的所有关注者，并将其发送给提供者，该提供者返回与该用户的关注者一起使用的FirebaseListObservable . followers-page.ts constructor(public navCtrl: N... -
0 votesanswersviews
Angular中* ngFor的递减指数
使用Angular 4.0.2，我有一个* ngFor创建输入元素并通过添加按钮更新对象数组，但是我试图找出一旦从该数组中删除一个项目后如何更新对象的indeces . 目前，我的ngFor看起来像： *ngFor = let name of names; let i = index 然后，我的删除按钮有一个（点击）事件： (click)="removeRow(i, names)&qu... -
5 votesanswersviews
使用带有动态输入列表的模板驱动表单（ngFor）
我是Web开发的新手，正在使用angular2处理MEAN堆栈项目 . 我正在尝试使用ngFor添加带有动态输入列表的模板驱动表单 - 但是我确实通过实现它的方式观察到异常行为 . 我想知道我是否正确地做到了...... 异常行为：如果我要添加2个或更多输入字段并删除非最后条目输入，则下次添加新条目时，它会重置我刚刚删除的条目下的所有条目 . 另外，不知何故新条目与上面的条目绑定？ demo of... -
7 votesanswersviews
* ng在添加新输入元素时重置所有表单值
我有一个带有按钮的Angular2应用程序，可以为我的贷款添加另一笔贷款 . 我的* ngFor也非常简单： <div *ngFor="let loan of myLoans"> <label>{{loan.name}}</label> <input type="text" name=&quo... -
1 votesanswersviews
NgFor重复一个div表格并为NgModel分配输入
我正在做一个带有角度的表单来保存一些带有两个输入的数据集：名称和描述 . 由于“添加”按钮，用户可以添加他想要的数据集 . 为此，我创建了一个用一个元素（app.component.ts）初始化的数据集列表 . 然后，使用NgFor，它会根据数据集列表中的元素数生成数据集的数量 . <div *ngFor="let dataset of datasetList; let index... -
0 votesanswersviews
使用ngFor更改数组后DOM未更新
想要的行为：当按下停止按钮时，会生成一个audiolink，添加到一个数组中，其中ngFor会添加到列表中并更新DOM . 实际行为：单击停止按钮后，音频切片不会直接添加到列表中 . 只有在调用新事件（例如再次单击停止按钮）时，才会通过ngFor将其添加到DOM中（并且工作正常） . 为什么ng不检测audioUrls数组的变化？ APP-component.html： <button (c... -
14 votesanswersviews
如何在Angular 2中选择ngFor中的所有过滤复选框？
我有一个Angular 2组件，它在 *ngFor 中加载并显示用户的复选框列表，也可以根据键过滤列表 . 我需要选择所有过滤的项目并将它们添加到数组中 . 我可以检查所有复选框，但问题是当我更改 checked 有问题 change 事件没有触发时，任何想法如何解决这个问题？ 模板： <div class="form-group"> <input t... -
1 votesanswersviews
嵌套* ngFor中的Angular 2数据绑定
我有两个列表： devices 和 groups设备具有 group_id 属性 在模板中，我有以下内容： <li *ngFor="let group of groups"> <h3>{{group.title}}</h3> <ul> <li *ngFor="let item ... -
0 votesanswersviews
Angular - 如何在ngfor模板中使用MarkForCheck（）单项
我对Angular比较新，所以请原谅我可能是一个微不足道的问题 . 我也搜索了很多，发现了很多类似的问题，但没有一个真正解决我的问题 . 情况 我们假设以下组件的模板： <div class="wrapper"> <!-- Stuff --> . . . <div *ngFor="let group... -
2 votesanswersviews
Angular2 - 将ngFor项作为参数传递给管道？
我试图将ngFor项作为参数传递给管道，但得到一个错误： 例外：调用节点模块失败，错误：错误：模板解析错误：TypeError：无法读取未定义的属性'toUpperCase'（“{} ng-container [错误 - >] * ngFor =”让评级等级| groupFilter：{}“ 这是html： <tr *ngFor="let name of measureN... -
0 votesanswersviews
输入值更改时更新ngFor
我正在尝试更好地理解Angular 2.我从 endpoints 接收人员列表，并定期更改列表 . 人物成分： @Component({ selector: 'people-display', template: <ol class="people-list"> <li *ngFor="let person... -
0 votesanswersviews
ngFor项目被追加而不是简单的更新
在我的Angular 4应用程序中，当我使用新值更新数组时，不是向我显示新值，而是将值附加到DOM . 我曾经使用过一百万次，但从未遇到过如此奇怪的行为 . 这是我的HTML <div class="roles-list" *ngIf="branchEmployees && branchEmployees.length > 0"&... -
0 votesanswersviews
angular：update指定dom的一部分为两个ngFors
我有一个问题，不知道有可能在角度做这个 . 我有一个简单的HTML代码： <div > <div *ngFor="let item of apiNames, let i = index" class="rescontainer"> <div class="resbox headline"... -
1 votesanswersviews
在Angular中，* ngFor =“let item from list |异步“是什么意思？
这在此代码示例中使用https://stackblitz.com/angular/jdamnnmgrae?file=app%2Fautocomplete-overview-example.ts . 有问题的代码段是： <mat-option *ngFor="let state of filteredStates | async" [value]="state.n... -
2 votesanswersviews
Angular * ngFor在不同的div上
我在角4项目中使用了材质flex的标记，看起来像这样 . <div fxLayout="row"> <div fxFlex="65"> </div> <div fxFlex="35"> </div> </div> 我有一系列这样的元素： pub... -
2 votesanswersviews
在Angular中更改* ngFor中的类
我设法应用这个* ngFor并且它正在工作： <div class="dummy__1" *ngFor="let item of dummy.pic; let i = index"></div> 如何更改 class="dummy_1" 以生成如下所示： <div class="dummy__1&... -
6 votesanswersviews
完成* ngFor后调用函数
我正在尝试用角度2创建一个应用程序;我想在* ngFor中渲染最后一个元素时，执行一个函数，像这样，标签是 <img> ： <img *ngFor="let image of template.previewImages; let i = index" [src]="image" [class.hs_visible]="i==0&... -
2 votesanswersviews
Ng显示最后一个元素
我有一些对象 [0: {yplace: 11, xrow: 4}1: {yplace: 12, xrow: 4}2: {yplace: 13, xrow: 4} ] <div class="row-place" *ngFor="let seat of reservation.seats; let i = index" > {{seat.xr... -
1 votesanswersviews
在<template>中使用ngFor会导致应用崩溃
我正在开发一个 angular2 应用程序（版本2.4.1），我正在尝试编写一个组件，该组件应该从组件的用户呈现模板（我相信在angular1中称为transclusion） . 我编写了一个使用[ ngTemplateOutlet ]来渲染给定模板的组件，但是在传递它时使用ngFor的模板崩溃，因为即使数组为null，它也会尝试渲染ngFor-content . 请参阅以下plunker，它重现... -
0 votesanswersviews
angular2 ngfor对象数组在模板中出错
我现在正在尝试使用angular2 . 我想在视图中显示所有产品列表 . 我从Java Play服务器获取的产品列表 . 但在我的angular2视图中，它的显示错误无法绑定ngFor . console.log显示Object表单数组中的所有数据 . 这意味着我的角度组件可以从java服务器获取数据 . 这是我的方法 . products.component.ts import { Compo... -
0 votesanswersviews
Angular2 - 使用类绑定来检查数据会产生许多调用
我是Angular 2（和StackOverflow）的新手，可能会以不恰当的方式使用类绑定 . 我想和专家核实一下 . 我有一个ngFor循环，它显示来自多个对象数组的数据 . 每个对象中都有一个用户数组 . 如果用户已登录，我想更改每个数据项的类 . 在下面的示例中，我只是将用户硬编码为公共变量 . 在我的ngFor循环中，我从类绑定中调用一个函数（“checkUser”）并传入当前数据项 .... -
5 votesanswersviews
Angular2：ng表格中每行多个对象[重复]
这个问题在这里已有答案： ngFor create 2 rows 3个答案 我的组件有一个我想在表中显示的字符串数组 . 但是，我希望表每行有4列 . 如何使用* ngFor每行显示4个字符串？ 我知道有没有使用表的解决方案，但在这种情况下我真的很想使用表 . -
1 votesanswersviews
对象angular2（最终版本）
我有一个对象列表，每个对象都像： object : { attr1 : string, attr2 : string, object1 : { attr3 : string, attr4 : string } } 在我的 HTML 文件中： <tr *ngFor="let object of objects"> <td&g... -
0 votesanswersviews
在angular2中使用* ngFor进行迭代时出错
我有json响应，我试图迭代json响应，但它给出了错误 我不知道angular2是否不像这样支持迭代，因为我是angular2的新手 serive call return this.http.post(this.url,params) .map(res => res.json()) 为travelGuides分配响应 .subscribe(travelGuides =&g...