开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

tr中的ngFor在angular2中未按预期工作

在Angular2中，ngFor是一个常用的指令，用于循环遍历一个集合，并在模板中动态生成多个元素。然而，有时候使用ngFor时可能会遇到未按预期工作的情况。以下是可能导致ngFor不按预期工作的一些常见原因和解决方法：

错误的集合或数据源：首先要确保传递给ngFor的集合或数据源是正确的，并且包含所需的数据。检查集合的类型和内容是否正确。
未正确引入ngFor指令：确保在组件的模板文件中正确导入了ngFor指令。在Angular2中，ngFor指令属于公共模块"CommonModule"，因此需要在组件的模块文件中导入CommonModule，并将其添加到@NgModule装饰器的imports数组中。
错误的语法或语法错误：确保ngFor指令的语法是正确的，遍历的集合是否按照正确的方式绑定到ngFor指令上。常见的语法错误包括遗漏了*号、没有正确使用let关键字、未正确使用索引变量等。
问题出现在异步加载数据上：如果ngFor的集合是异步加载的，可能会导致ngFor在数据加载完成之前尝试渲染模板。在这种情况下，可以使用*ngIf指令来检查数据是否已加载完成，然后再使用ngFor进行循环遍历。
其他可能原因：如果以上方法都没有解决问题，可以考虑检查相关的Angular版本、依赖项是否更新，或者尝试重新构建项目并重新运行。

总之，当ngFor在Angular2中未按预期工作时，需要逐一检查以上可能的原因，并逐步排除可能的问题。对于更详细的解答或更复杂的情况，建议查阅腾讯云的Angular相关文档和资源。

推荐的腾讯云相关产品：腾讯云服务器（CVM）、对象存储（COS）、云原生容器服务（TKE）、人工智能开发平台（AI Lab）。

更多腾讯云产品和详细介绍请参考：https://cloud.tencent.com/product

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

tr命令在统计英文单词出现频率中的妙用

tr命令我们很清楚，可以删除替换，删除字符串。...在英文中我们要经常会经常统计英文中出现的频率，如果用常规的方法，用设定计算器一个个算比较费事，这个时候使用tr命令，将空格分割替换为换行符，再用tr命令删除掉有的单词后面的点号，逗号，感叹号。...先看看要替换的this.txt文件 The Zen of Python, by Tim Peters Beautiful is better than ugly....上面的文本文件，如果要文中出现次数的最多的10个单词统计出来，可以使用下面的命令 [root@linux ~]# cat this.txt | tr ' ' '\n' | tr -d '[.,!]'...总结以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对ZaLou.Cn的支持。如果你想了解更多相关内容请查看下面相关链接

1.1K2 1

angular2中在使用路由懒加载时候出现的错误

ERROR in Cannot use 'in' operator to search for 'providers' in null 出现这个问题的原因是，在使用懒加载的时候，没有指定module，...没有找到相关的提供信息。.../home/home/home.module'},] 以上是修改之前报错的代码：以下是修改之后不报错的代码，只需要给其指定一module: const routes: Routes = [ {path

5.1K4 0

在IT开发中工作种类的分类

1.前端程序员主要工作是设计软件界面的，通过使用HTML，CSS，JavaScript等语言和Bootstrap，JQuery等框架来完成和用户直接交互的界面设计工作。...---- 2.后端程序员主要是值为前端提供有规律数据的技术人员，python就能完成这项工作。...比如网站上的最新文章栏目，前端会要求后端程序员说我需要10篇最新博客文章，你帮我写个接口，后端程序员拿到任务就会通过python或者其他后端语言获取博客文章数据表中的所有文章，然后按照时间顺序进行排列，...---- 5.爬虫，我们学习python基础课程后然后在学习其中有个很重要的就业方向就是爬虫，爬虫指的是我们通过一段代码从网络中获取我们想要的数据。常见的爬虫主要分为：通用网络爬虫和聚焦网络爬虫。...---- 6.全栈工程师，现在的全栈工程师定义起来比较乱，有的人说什么都能干的就叫做全栈工程师，其实我感觉应该加上一个特定的条件，就是在某个行业中什么都能干的才叫做全栈工程师。

9283 0

hypernetwork在SD中是怎么工作的

大家在stable diffusion webUI中可能看到过hypernetwork这个词，那么hypernetwork到底是做什么用的呢？...在训练过程中，Stable Diffusion 模型本身保持固定，但允许附加的hypernetwork进行调整。...与此相对，超网络通过生成另一个网络的权重来定义训练过程，为训练中的网络提供动态的权重，从而允许在训练过程中进行更灵活的学习和调整。 embedding 嵌入向量是“文本反转”微调技术的结果。...与超网络一样，文本反转不会更改模型的架构，而是通过定义新的关键词来捕捉某些特定的风格或属性。文本反转和超网络在稳定扩散模型中各司其职。...在webUI中有一个更简单的办法：单击“hypernetwork”选项卡。你应该会看到已安装的hypernetwork列表。单击要使用的那个。对应的描述将插入到提示中。

1741 0

在mysql中order by是怎样工作的？

city,name,age from t where city='杭州' order by name limit 1000 ; 排序过程：初始化一个sort buffer 我们对 city进行了索引的创建所以通过索引将...city为杭州的筛选出来；（减少全表扫描）将筛选出来的 city age name 字段放在内存中的 sortbuffer 中（sort buffer 为排序开辟的一块新内存）直到不符合查询的条件...（就算是limit等于1000 在这一步也会查出比1000多的数据在这块分页是不起作用的）一直重复第三步将符合条件的在所有数据存入 sort buffer 中通过name 进行快速排序。...还有一种就是通过rowId 排序（这种情况是当一行数据过大的时候）直接上流程图： ?

2.3K3 0

详解HashMap在JAVA中的怎么工作的？

一、HashMap在JAVA中的怎么工作的？基于Hash的原理二、什么是哈希？最简单形式的 hash，是一种在对任何变量/对象的属性应用任何公式/算法后，为其分配唯一代码的方法。...，在该下标中存储对应哈希码的键值对，在此先不详细讲解hash碰撞的情况。...在实际使用过程中，我们存储的数量可能会大于该长度，因此 HashMap 中定义了一个阈值参数(threshold)，在存储的容量达到指定的阈值时，需要进行扩容。...八、HashMap.put() 函数内部是如何工作的？...九、HashMap.get() 方法内部是如何工作的？

6462 0

CSReid库在NetCore工作场景中的使用

## 关于我 [作者博客|文章首发](http://www.zhouhuibo.club) 过去 .net 最有名望的 ServiceStack.Redis 早已沦为商业用途，在 .NETCore...后来居上的 StackExchange.Redis 虽然能用，但是之前出现的各种Timeout错误也是让人很无语，所以也不作为使用的首选。...经过网上的一些整理和推荐，发现了一款开源库CSReidsCore。...CSRedisCore是国人开源的一套Redis操作库，现在最新版本已经V3.6.5，经过几个实际公司项目的使用情况来看，还没有出现什么大的问题，本文主要介绍一下在使用这个库的过程中的一些自己的想法。...RedisDb整合在数组中，单例截注入services ``` var connectionString = "127.0.0.1:6379,password=123,poolsize=10"; var

2K4 0

Shell在日常工作中的应用实践

Tech 导读本文将从测试开发工作痛点出发，重在探讨Shell在日常工作中的实战应用，由浅入深，层层递进，将用户命令转化成计算机内核所能够理解的指令，逐步实现与操作系统的完美交互。...01 Shell可以帮大家做什么在今年的敏捷团队建设中，我通过Suite执行器实现了一键自动化单元测试。Juint除了Suite执行器还有哪些执行器呢？由此我的Runner探索之旅开始了！...作为一名测试开发工程师，在与linux服务器交互过程中，大都遇到过以下这些问题：一次申请多台服务器，多台服务器需要安装相同软件，配置相同的环境，同样的操作需要重复多次；工作中经常会使用命令行命令来完成一些操作...，在启动vim时，当前用户根目录下的.vimrc文件会被自动读取，该文件可以包含一些设置甚至脚本，所以，一般会在.vimrc文件中根据个人喜好进行一些自定义设置；下面脚本我都注释了具体含义，可参考：...综上，linux服务器上，所有的重复性工作都可以交给Shell来打理，日常工作中增加一个万能助手，何乐而不为呢？

2132 0

在 JavaScript 中对象的深拷贝（及其工作原理）

正文共：1300 字预计阅读时间：6 分钟作者：Chris Chu 翻译：疯狂的技术宅来源：alligator 如果你打算用 JavaScript 进行编码，那么就需要了解对象的工作方式。...对象是 JavaScript 最重要的元素之一，深入理解了它会使你在编码时得心应手。在克隆对象时，它并不像看起来那么简单。当你不想改变原始对象时，就需要克隆对象。...那么让我们在 JavaScript 中创建一个对象： 1let testObject = { 2 a: 1, 3 b: 2, 4 c: 3 5}; 在上面的代码片段中，我们初始化一个新对象并将其分配给变量...你对所谓的副本做的任何更改也将反映在原始对象中。循环遍历对象并将每个属性复制到新对象也不起作用。...在 externalObject 中为 animal 属性赋值一个新值将改变 originalObject 和 shallowClonedObject，因为浅拷贝只能将引用复制到 externalObject

2.3K3 0

在团队中使用GitLab中的Merge Request工作模式

在工作中使用Git已有5年多的时间了，Git分布式的工作机制以及强大的分支功能使得在团队中推广使用没有受到什么阻碍。一直以来都是采用的分支管理模式，我把项目的开发分为三个阶段：开发、测试和上线。...分支管理模式开发阶段除了master分支创建一个供所有开发人员开发的dev分支；开发人员在dev分支上进行工作，随时随地commit，每天push一次到服务器； push代码前需要进行pull操作...Merge Request模式一直以来，都觉得Merge Request模式遥不可及，只有做开源软件才会采用这种模式，没想到这么快就已经在团队中开始推行使用了，先看一张图来了解下Merge Request...下面以一个示例来介绍Merge Request的工作流程 1、设置重要分支受保护设置受保护分支在上图中的位置可以将所有的重要分支设置为受保护，重要的分支通常是master、release、test等...总结任何一种模式或工作方式的改变，总会打破一些人的舒适区，我们应该学会走出舒适区，拥抱变化；尝试新的东西肯定会遇到各种问题，先执行，然后再持续优化改进，逐步达到最优状态；从团队试用的情况来看，暂时没有出现水土不服的情况

5.8K2 0

使用VBA在工作表中列出所有定义的名称

标签：VBA 有时候，工作簿中可能有大量的命名区域。...下面是一段简单的代码，它将列出工作簿中的所有定义的名称，并显示名称所指向的单元格区域。...("A" & Rows.Count).End(xlUp)(2) = nm.Name '在列B中列出名称指向的区域 wks.Range("B" & Rows.Count)....End(xlUp)(2) = "'" & nm.RefersTo Next nm '恢复错误触发 On Error GoTo 0 End Sub 一个非常简单的过程，它将显示工作簿中的所有名称及命名区域...其中的错误捕捉语句以防止工作簿中没有命名区域。

6.5K3 0

Python操控Excel：使用Python在主文件中添加其他工作簿中的数据

标签：Python与Excel，合并工作簿本文介绍使用Python向Excel主文件添加新数据的最佳方法。该方法可以保存主数据格式和文件中的所有内容。...图2 可以看出： 1.主文件包含两个工作表，都含有数据。 2.每个工作表都有其格式。 3.想要在每个工作表的最后一行下面的空行开始添加数据。如图2所示，在“湖北”工作表中，是在第5行开始添加新数据。...要获取工作表名称，只需调用.name属性。图3 接下来，要解决如何将新数据放置在想要的位置。这里，要将新数据放置在紧邻工作表最后一行的下一行，例如上图2中的第5行。...那么，我们在Excel中是如何找到最后一个数据行的呢？可以先选择单元格A1，然后按下Ctrl+向下箭头键，则会移至最后一行（对于图2所示的工作表来说是第4行）。...图6 将数据转到主文件下面的代码将新数据工作簿中的数据转移到主文件工作簿中：图7 上述代码运行后，主文件如下图8所示。图8 可以看到，添加了新数据，但格式不一致。

7.9K2 0

关于angular2路由激活状态时class设置

问题是这样的：上面的tabs各自对应一个路由，在后台这些tabs是由一个数组tabArray生成的，并不是写上去的，当用户点击左边的一个项目时，会push一个tab到tabArray中。...以上的内容都是比较容易实现的，难的是当点击x号的时候，要关闭当前路由，并激活一个tab的class(active) ，之前没有用到angular2的属性的时候，用的是js来实现的，可老是有bug出现。...之后用的是angular2中的 <li routerLinkActive="active0" *ngFor="let navbarTab of

6783 0

浅谈TheHive平台在安全运营工作中的落地

背景随着企业安全建设的不断完善，信息安全的工作也进入了Happy（苦逼）的运营阶段。谈起安全运营工作，自然避不开事件响应这个话题。对于安全事件响应而言，我们时常会需要进行跨部门的协作。...并且在某些事件中，我们甚至需要进行持续的跟踪与排查。因此，在事件的响应过程中，对于每一个响应步骤的记录显得尤为重要。它可以帮助我们在事件解决后，将经验教训纳入其中，加强整体安全能力。...快速响应：在事件响应的过程中，你会需要对已有的数据进行分析，并迅速提供补救措施来阻止攻击。...在实际使用过程中根据需求场景的不同，我们仍需要进行一些插件的定制化。如何创建插件，官网有很详细的文档介绍，请参考：How to Write and Submit an Analyzer。...例如：在分析任务中可按照场景的不同有选择的调用SOAR的PalyBook，并将响应结果feedback至TheHive中。其实TheHive上还有挺多东西值得说的，一次也写不完。

2.9K3 0

Excel公式技巧94：在不同的工作表中查找数据

很多时候，我们都需要从工作簿中的各工作表中提取数据信息。如果你在给工作表命名时遵循一定的规则，那么可以将VLOOKUP函数与INDIRECT函数结合使用，以从不同的工作表中提取数据。...假如有一张包含各种客户的销售数据表，并且每个月都会收到一张新的工作表。这里，给工作表选择命名规则时要保持一致。...也就是说，将工作表按一定规则统一命名。在汇总表上，我们希望从每个月份工作表中查找给客户XYZ的销售额。...假设你在单元格区域B3:D3中输入有日期，包括2020年1月、2020年2月、2020年3月，在单元格A4中输入有客户名称。每个月销售表的结构是在列A中是客户名称，在列B中是销售额。...当你有多个统一结构的数据源工作表，并需要从中提取数据时，本文介绍的技巧尤其有用。注：本文整理自vlookupweek.wordpress.com，供有兴趣的朋友参考。 undefined

13K1 0

突破性思维在测试工作中的应用

而需要熟练掌握的思维模型有很多，包括目标思维、结构化思维、突破性思维、闭环思维等等。 ? 今天要和大家分享其中的突破性思维在测试工作中的应用。...小编所在的产品线会不定期收到大量用户问题反馈，内容主要集中在软件兼容性问题上，要么是影响到某款软件功能无法使用、要么是我们的某项功能在某款应用中无法使用。...事件解决目前团队面对此类问题，均是在线上爆发后，团队才知晓并开展定位与解决工作，团队相当被动而且行动滞后。在探寻解决方案时，团队群策群力，总结出以下4种解决方案：提高预警条件。...如果软件自身能够发现问题，并在问题发生的第一时间上报，那岂不是更好。 ? 因此我们将焦点转移至软件自身，具体方案如下：在软件中增加功能监控机制。...事后思考在上述问题解决方案的思考过程中，因为惯性思维，一直将思路聚焦在如何对现有的预警机制进行调整，或通过人主动发现问题的方式去解决。而没有跳出这个思维，软件自身也是可以发现和上报自身问题的。

5194 0

函数表达式在JavaScript中是如何工作的？

在JavaScript中，函数表达式是一种将函数赋值给变量的方法。函数表达式可以出现在代码的任何位置，而不仅仅是函数声明可以出现的位置。...函数表达式的语法如下： var myFunction = function() { // 函数体 }; 上述代码中，将一个匿名函数赋值给变量myFunction。...函数表达式的工作方式如下： 1：变量声明：使用var、let或const关键字声明一个变量，例如myFunction。 2：函数赋值：将一个函数赋值给该变量。函数可以是匿名函数，也可以是具名函数。...这样的函数在函数内部和外部都可以通过函数名来调用自身。...函数声明会被提升到作用域的顶部，而函数表达式不会被提升。因此，在使用函数表达式之前，需要确保该表达式已经被赋值。此外，函数表达式还可以根据需要在运行时动态创建函数，具有更大的灵活性。

2125 0

视图在SQL中的作用是什么，它是怎样工作的？

view_name AS SELECT column1, column2 FROM table WHERE condition 删除视图：DROP VIEW DROP VIEW view_name 需要说明的是...，SQLite 不支持视图的修改，仅支持只读视图，也就是说你只能使用 CREATE VIEW 和 DROP VIEW，如果想要修改视图，就需要先 DROP 然后再 CREATE。...如何使用视图简化 SQL 操作利用视图完成复杂的连接 CREATE VIEW player_height_grades AS SELECT p.player_name, p.height, h.height_level

2.1K8 2

Angular2 @NgModule

模块是用来组织应用的，通过模块机制外部类库可以很方便的扩展应用，Angular2将许多常用功能都分配到一个个的模块中，如:FormModule、HttpModule、RouterModule。...（Angular2中没有模块级别的service，所有在NgModule中声明的Provider都是注册在根级别的Dependency Injector中） ---- 3.imports：导入其他...module，其它module暴露的出的Components、Directives、Pipes等可以在本module的组件中被使用。...比如导入CommonModule后就可以使用NgIf、NgFor等指令。 ---- 4.exports：用来控制将哪些内部成员暴露给外部使用。...---- 5.bootstrap：通常是app启动的根组件，一般只有一个component。bootstrap中的组件会自动被放入到entryComponents中。

2.1K4 0

Angular2 VS Angular4 深度对比：特性、性能

那么，本文将会对Angular2和Angular4进行深度对比，以便帮助大家更好的了解这两个版本。 Angular2 Angular2是在2015年底发布的。...接下来一起了解Angular2这个版本发布的原因以及如何将其添加到Web开发中。 ...动态载入：这是之前的Angular版本均不具备的功能，Angular2包含了这个功能，即使在开发人员忙碌时，也能够添加新的指令或控件。模板：在Angular2中，模板编译过程是异步的。...设计：所有这些逻辑都是使用管道架构创建的，这使得将自己的操作添加到管道中或删除默认操作变得非常简单。此外，它的异步字符允许开发人员在管道中，实现对用户进行身份验证或加载控件信息的服务器请求。...改进 *ngIf 和 *ngFor：模板绑定语法目前支持一些少量有帮助的更改。现在，开发人员已经可以使用if/else设计语法，并分配局部变量了。

8.7K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭