-
0 votes2 answers251 views
Angular 4：包含动态数据的表
我正在尝试用角度4创建一个动态表，但我不允许使用* ngFor和tr？不知道怎么解决这个问题？ <table class="table table-bordered table-sm m-0"> <thead class=""> <tr> <th>FirstName</th> ... -
10 votes2 answers144 views
Angular2在for循环中加载动态内容/ html
我有一个json数组，可以包含我想要加载的组件的组件或html选择器 . 我试图在for循环中加载这些数据 . 当我尝试插入值{}时，它会显示为计划文字 . 当我使用下面的innerHTML方法并检查dom时，我看到那里的html，但它不像一个自定义组件（dom只包含而不是初始化它并用组件模板替换它） . 我看过动态内容加载器，但看起来不合适 . 这是for循环，因此不能使用模板语法，因此load... -
0 votes2 answers633 views
Angular 6：在* ngFor-dynamic-generated-template-elements上使事件具有同等动态
通常在Angular中显示和隐藏事物我在组件中创建变量，在切换该变量的元素上创建mouseover-mouseout事件，并将ngIf放在我想要受该事件影响的任何元素上（显示/隐藏） . 如果模板在ngFor中，则不能像这样接近它 . 当您将鼠标悬停在任何动态生成的元素上时，它将触发每个显示/隐藏 . 因此我的问题是，使用Angular star指令如何在* ngFor-dynamic-gener... -
0 votes2 answers1796 views
对于循环的每次迭代，在Angular 5 * nfFor中设置布尔值
我在Typescript中导出了以下类： export class BinSetupComponent implements OnInit { bins = [ {id: '001', name:'Temper', comment: 'Large Round', type: 'Grain Storage', subtype: 'Screenings', statu... -
2 votes0 answers522 views
DOM更新尖峰，角度为2 * ngFor和golden-layout
亲爱的Angular 2开发人员， 我和我的团队在角度2应用程序（2.1.1）中遇到了一个奇怪的性能问题 . 我们正在使用基于golden-layout.js（https://golden-layout.com/）的停靠布局 . 它运行得非常好，拖放动作也很流畅 . 然而，当我们有很多角度组件时（比方说，一个带有大约2500个元素的* ngFor，每个元素都是一个带有2个属性绑定的简单组件），黄金... -
30 votes4 answers269 views
如何在ngFor中绑定角度2中的img src？
在我的项目中我得到数据：图像src，学生姓名和学生ID . 我绑定学生姓名和学生ID . 如何在角度2中绑定图像src？ -
1 votes1 answers184 views
Angular2 - 使用NgFor元素进行HostListener /绑定
我有用户列表 . 我希望当光标悬停在按钮上时，它将 *ngIf 设置为true，然后显示有关用户的信息（当光标离开按钮时为false） . 用户list.html <div *ngFor="let user of users"> <h1>{{user.name}}</h1> <div onUserHover *ngIf=&quo... -
3 votes3 answers603 views
* ngIf * ngfor里面验证for循环的每个项目
<li *ngFor="let year of paper?.years" class="list-group-item"> <div> <a r... -
0 votes0 answers657 views
* ng在修改对象后不在子组件中更新
我使用下面的代码来使用* ngFor绑定数据 . - Child Component "my-productDetails “ . import { Component, Input, NgModule } from '@angular/core'; import { FormsModule, ReactiveFormsModule } from '@angular/forms';... -
2 votes1 answers1859 views
当从api获取数据时，Angular 2使用ngFor填充html表
我对Angular很陌生，所以虽然我想要完成一些事情，但我想我并不困难，需要你的帮助 . 我需要做的是在按钮点击和从api调用收到数据后填写一个带有客户数据的html表 . 我可以用ngFor显示“固定”数据，如果我将它定义为TypeScript类的公共属性，如clientData1所示（我将其作为示例），但不能将ngFor绑定到包含json结果的变量（clientsData）变化 . 简而言之，... -
1 votes0 answers926 views
Angularfire2 * ng不在Ionic 2 app中更新DOM
我正在使用Ionic和Firebase后端制作社交媒体应用程序，我使用Angularfire2进行通信 . 我的应用程序中有一个页面，它通过从NavParams接收一个uid来列出用户的所有关注者，并将其发送给提供者，该提供者返回与该用户的关注者一起使用的FirebaseListObservable . followers-page.ts constructor(public navCtrl: N... -
0 votes0 answers7 views
Angular 2多个按钮并将对象传递给ngFor中的子组件
Angular的新手我有几个问题，我有两个组件，父级是搜索结果，子级是特定结果的摘要/详细视图 . 我在从结果中获取数据以传递给摘要时遇到问题 . 公司名称显示在结果组件中，但摘要组件中不显示任何详细信息 . 我正在使用输入来尝试将公司数据传递到子组件 . 我已经看到人们做类似的事情，但直接在子组件上使用ngFor . 我遇到的另一个问题是只有最后一个按钮才能返回到结果视图 . 是否有更好的方法在... -
0 votes2 answers229 views
ngIf在Angular 2中显示另一个DOM元素
不确定这是否可行，但我正在构建一个动态的HTML产品表 . 我正在评估每个产品的"updatedDate"并确定该日期是否小于当前日期减去7天 - todayMinusSeven 天是我在我的TypeScript组件文件中声明的变量，将其初始化为当前日期减去七天： this.todayMinusSeven = new Date(); this.todayMinusSeven... -
0 votes1 answers696 views
Angular 6在* ngfor表中选择
我有一个Angular 6组件，它获取一个可观察的用户列表，然后使用* ngFor语句显示用户的表 . 每行我都包含一个提交按钮，该按钮调用组件ts文件中的一个函数，该文件传入该行的用户 . 到目前为止，这是按预期工作的 . 现在，我想为每一行添加一个select选项，其中包含用户想要执行的操作列表 . 如何获取正确行的所选操作的值？ 这是我到目前为止所拥有的 . 从http调用返回的示例JSO... -
0 votes3 answers61 views
Angular中* ngFor的递减指数
使用Angular 4.0.2，我有一个* ngFor创建输入元素并通过添加按钮更新对象数组，但是我试图找出一旦从该数组中删除一个项目后如何更新对象的indeces . 目前，我的ngFor看起来像： *ngFor = let name of names; let i = index 然后，我的删除按钮有一个（点击）事件： (click)="removeRow(i, names)&qu... -
5 votes1 answers470 views
使用带有动态输入列表的模板驱动表单（ngFor）
我是Web开发的新手，正在使用angular2处理MEAN堆栈项目 . 我正在尝试使用ngFor添加带有动态输入列表的模板驱动表单 - 但是我确实通过实现它的方式观察到异常行为 . 我想知道我是否正确地做到了...... 异常行为：如果我要添加2个或更多输入字段并删除非最后条目输入，则下次添加新条目时，它会重置我刚刚删除的条目下的所有条目 . 另外，不知何故新条目与上面的条目绑定？ demo of... -
7 votes5 answers1568 views
* ng在添加新输入元素时重置所有表单值
我有一个带有按钮的Angular2应用程序，可以为我的贷款添加另一笔贷款 . 我的* ngFor也非常简单： <div *ngFor="let loan of myLoans"> <label>{{loan.name}}</label> <input type="text" name=&quo... -
1 votes2 answers1868 views
NgFor重复一个div表格并为NgModel分配输入
我正在做一个带有角度的表单来保存一些带有两个输入的数据集：名称和描述 . 由于“添加”按钮，用户可以添加他想要的数据集 . 为此，我创建了一个用一个元素（app.component.ts）初始化的数据集列表 . 然后，使用NgFor，它会根据数据集列表中的元素数生成数据集的数量 . <div *ngFor="let dataset of datasetList; let index... -
0 votes1 answers1960 views
使用ngFor更改数组后DOM未更新
想要的行为：当按下停止按钮时，会生成一个audiolink，添加到一个数组中，其中ngFor会添加到列表中并更新DOM . 实际行为：单击停止按钮后，音频切片不会直接添加到列表中 . 只有在调用新事件（例如再次单击停止按钮）时，才会通过ngFor将其添加到DOM中（并且工作正常） . 为什么ng不检测audioUrls数组的变化？ APP-component.html： <button (c... -
14 votes3 answers1445 views
如何在Angular 2中选择ngFor中的所有过滤复选框？
我有一个Angular 2组件，它在 *ngFor 中加载并显示用户的复选框列表，也可以根据键过滤列表 . 我需要选择所有过滤的项目并将它们添加到数组中 . 我可以检查所有复选框，但问题是当我更改 checked 有问题 change 事件没有触发时，任何想法如何解决这个问题？ 模板： <div class="form-group"> <input t... -
1 votes0 answers1686 views
在ngFor中签署dynemic key.value
我正在尝试在ngFor中分配一个名为destination的动态对象值，如下所示： <div *ngFor="let obj of object.destination"><p [innerHTML]="cont.disc"></p> </div> 该目的地应该使用属性绑定动态更改（它工作） 在我的compo... -
1 votes1 answers752 views
ng如何分别绑定每个元素
我正在尝试在Angular 4中构建一个仪表板 . 在该仪表板中，我使用* ngFor迭代json（通过服务来）并在卡片中显示了一系列报告 . 在每张卡片中， Headers 上都有一些图标，点击后会执行一些操作，例如工具提示内的刷新，下载，弹出信息，pin-unpin等 . 为此，我想到使用变量来绑定那些元素，如（click）= "function()"，还有[@animat... -
1 votes1 answers1234 views
Angular：* ng不显示组件列表
我是Angular / MEAN的新手 . 我正在按照教程，我没有问题 . 但现在我正在制作我自己的应用程序，它无法正确呈现 - 我无法弄清楚问题是什么 . 所以我有一个模型组件'ENTRY' . 我正在尝试在我的应用程序中显示2个测试条目（在AppComponent构造函数中创建放入数组中），但它们不会显示 . // entry.model.ts import { Segment } from ... -
1 votes0 answers376 views
ngfor routerlink浏览器后退按钮错误Angular2 / 4
我有一个Angular应用程序，其中ngFor从firestore集合中检索值，然后放在[routerLink]内导航到列表页面 在class.component.html中 <div class="container-fluid"> <div *ngFor="let folder of folders" class="col... -
2 votes1 answers1726 views
模板分析错误ngFor，FormArray
我正在使用ReactiveFormsModule构建动态对象 . 我的主要模块是 app . 然后我有一个子模块 config . 该组件有 ObjectConfigComponent 和 FieldConfigComponent . 我使用引用here构建了文章中提到的plunker似乎工作 . 我无法逃跑 . 这是我的代码 . export class CompositeObject {... -
0 votes1 answers606 views
Angular ngFor类绑定ExpressionChangedAfterItHasBeenCheckedError
我有一个ngFor循环，它通过我从服务器获得的对象 . 一切都很顺利 . <tr *ngFor="let item of clientPositions"> <td ">{{setStatus(item.exitPrice)}}</td> </tr> 组件部分只是查看是否有数字进入： setStat... -
0 votes1 answers91 views
如何在Angular2中使用来自NgFor的值在同一个标签上？
我需要能够在模板中执行循环并使用我正在做的相同标签上的数据的值 *ngFor . 像这样： <a *ngFor="#language of Settings.allLanguages" id="language-link-{{language.id}}"> {{language.name}} </a> 但它给出了错... -
3 votes1 answers140 views
Angular2 ngFor父元素
我试图有条理地将我的bootstrap col-xs-4的三个包装成一排 . 我的col-xs-4渲染很好，但是我无法弄清楚如何让它们连续地包裹起来 . 这是我的当前不是NgFor： <div class="col-xs-4" *ngFor='let linkGroup of linkGroups | siteMapText: siteMapTextFilter; let... -
4 votes2 answers1487 views
ng中的angular2切换图标[重复]
这个问题在这里已有答案： Hide/show individual items inside ngFor 5个答案 有人可以让我知道如何在做ngFor时切换图标吗？ 问题陈述：我正在使用* ngFor循环遍历数组并显示类别名称 . 点击一天，我需要打开一个手风琴并显示类别详细信息（我可以这样做） . 一旦手风琴打开，我需要用fa-minus替换fa-plus图标，反之亦然，我只需要点击一天即可... -
10 votes2 answers898 views
Angular2 ng如何计算循环值的数量？
我正在使用ngFor循环8个json对象，我不仅要循环值，还要计算循环值的数量并显示数字 . 例如，如果json值为 Content:{ 0:"Content1", 1:"Content2", 2:"Content3", 3:"Content4", 4:"Content5", 5:"Con...