ngfor

0热度

1回答

Ionic 2/3 - * ngFor问题 - 只有少数元素加载，锁定手机的屏幕加载其余

我在使用* ngFor在Ionic 2中遇到了问题。基本上目的是打印很多缩略图和细节画廊风格的画面。在加载图像之前，我预加载图像名称和图像的标准离子图标。然后它将开始基于文件路径加载缩略图。但是，我遇到的问题* ngFor一次只加载50个离子图标和缩略图名称，其余加载我必须锁定手机屏幕并再次解锁。他们几乎都会马上加载 - 屏幕锁定两秒后。有大约900多个图像被加载顺便说一句。在尝试在* ngFo

0热度

1回答

Angular 2+，在ngFor中创建的表单中指定输入类型属性

UPDATE ----- 我可以用一个方法显示一个datepicker，将“date”传递给输入类型。但是现在我想要使用更好的组件，即Angular Material Datepicker。现在我的代码如下;我看不到日期选择器标签，我跟着零件导向使用它......但我只有一个空场... <form class="form-inline"> <div class="form-group"

-1热度

2回答

在Tr上显示数据4

我的代码有什么问题吗？是否有语法错误，因为我的错误说意外的结束标记“tr”。当标签已被另一个标签关闭时，可能会发生这种情况。有关详细信息，请参阅https://www.w3.org/TR/html5 syntax.html＃closing-elements-that-have-implied-end-tags（“”fa fa-trash-o“aria-hidden =”true“>删除 [错误 -

1热度

3回答

ngFor当阵列更新时不从列表中删除旧条目

我正在使用ngFor迭代一个简单的数组以输出列表项。在某些时候，我想重新创建数组内容并更新ngFor内容。将数据推送到数组似乎按预期工作（即项目被添加到组件模板列表的末尾），但是当我从头开始重新创建数组时，似乎旧数据不会被删除？ tests = [{output: '1'}, {output: '2'}]; clear(){ this.tests = [{output: '3'},{

2热度

4回答

angular2：如何循环数字？

我有一个项目集合，其中每个项目都有一个rank属性，它是一个数字。我婉循环超过这个数字，这里是我已经试过： <div class="col-md-3 col-sm-4 item-container" *ngFor="let item of items"> <div class="item"> <p class="rank"> <img src="" class=

0热度

1回答

构造函数被称为* ngFor中的重复由于@ViewChild

我有一个角2组件，我已经创建了，我在* ngFor指令中使用，并且它看起来构造函数被调用两次为每个实例。所以如果我有2个记录返回到我的集合，我的组件的构造函数被输入4次。如果我有三个构造函数被解雇6次。这对我造成了一些问题，因为我在构造函数中订阅了RxJs observable，因此我的事件正在重复执行，所以在处理删除事件时，代码尝试多次删除相同的记录，）电话。代码结构是这样：最外面的组

0热度

1回答

ngFor类的第一个和最后一个实例执行此操作

我正在使用Angular 4+。请注意：第一个和最后一个需要基于类实例，而不是元素。所以先让一个先在ngFor中不起作用。我目前导入jQuery来处理这个问题，但想看看有没有办法不使用jQ。在组件TS文件： items: any = [{number: 0, text: 'blah blah'},{number: 0, text: 'blah blah'},{number: 1, text: '

-1热度

2回答

角度：如何Concat的标识和名称选项值

我有一个*ngFor options， <select class="form-control" formControlName="industry"> <option *ngFor="let industry of industries" [value]="industry._id industry.name_en">{{industry.name_en}}</option> </

0热度

1回答

如何在angular4中的回路中单击时切换两个div

这是对问题how to show/hide dynamic id of div's in angular2提及的问题的参考。我准备好了一个可以显示我所面临的问题的重拳吗？在这里，我想分别在4个框中切换btn1和btn2。要求是在box1中，btn1被点击，'subRegion'应该显示& 'productLine'应该隐藏;当点击btn2时，'productLine'应该显示并且'subRe

1热度

1回答

角* ngFor返回对象的数组[错误：无法找到一个不同的支持对象]

我想在HTML如下显示的数据列表： Home.ts： this.key = 0 objects = {} // The correct setting was objects = [] thanks! snapshot.forEach(doc => { this.objects[this.key] = { firstname: doc.id, la