我正在尝试使用一个jQuery插件来替换Angular2中某些动态元素内的默认滚动条。这些元素是使用ngFor循环创建的,也就是说,我无法将jQuery事件附加到这些创建的元素上。应用程序在某个时候改变了一个Observable对象,该对象在ngFor中循环以呈现View。现在,我想知道Angular何时完成绘制我的元素,以便我可以运行jQuery插件。我不想在HTML模板中包含任何javascript。我不想使用ngAfterViewInit,因为这个钩子(Hook)被触发了太多次我不想实现基于setTimeout的解决方案(我认为它不可靠)我通过使用以下自定义Pipe找到了解决方案
我在Angular2应用程序(测试版1)中有一个ComponentB。在我将它放在ComponentA的ngFor循环中之前,它工作得很好。我收到了一个相当神秘的错误:EXCEPTION:TypeError:viewFactory_ComponentB0isnotafunctionin[numbersinComponentA@1:23]BrowserDomAdapter.logError@angular2.dev.js:22690BrowserDomAdapter.logGroup@angular2.dev.js:22701ExceptionHandler.call@angular2.
标题可能看起来很奇怪,但我所说的基本上是thislink。正在做。我正在寻找一种方法来使用当前迭代的person在在*ngFor之外范围。在他使用的链接中ng-repeat-start和ng-repeat-end在ng-repeat.中包含多个标签我如何使用*ngFor在Angular2中实现相同的行为?? 最佳答案 我不得不使用标签,这使得迭代的对象可以在其中访问。{{person.name}}{{person.gender}}{{person.details}}希望对大家有帮助 关于
显然ngfor会一个一个地生成div的划分,当它完成将所有div一个接一个地放置时,呈现出糟糕的设计,我想得到这样的东西:[1][2][3][4][5][6]结果就是:[1][2][3]andcontinues..我的JSON是这样的:[{"id_nivel":"1","nombre":"A","constelacion":"AA","descripcion":"AAAAAAAAAAAAAAAAAAAAA"},{"id_nivel":"2","nombre":"B","constelacion":"BB","descripcion":"BBBBBBBBBBBBBBBBBBBBB"},{
在angularAPI它说在4.0及更高版本中使用NgForOf而不是NgFor的文档。但是Fundamentals,和Heroestutorial,文档演示了NgFor,并且没有提及NgForOf。有没有人可以为我澄清一下?提前谢谢你。 最佳答案 他们刚刚重命名了这个类。NgForOf是新类,NgFor现在只是一个别名,最终会消失。https://github.com/angular/angular/blob/09d9f5fe54e7108c47de61393e10712f8239d824/packages/common/src/
关注*ngFor{{todo}}其中todoService是一个注入(inject)接口(interface)import{Injectable}from'angular2/core';@Injectable()exportclassTodoService{todos=[]}当我加载页面时,输出为而不是什么都没有。知道为什么吗?由于数组为空,因此不应有。-标签编辑当我用值初始化数组时也会发生这种情况。无缘无故总是有一个尾随空元素。编辑2问题示例https://plnkr.co/edit/MRYC4MHtlDLfBMUPsL6o?p=preview 最佳答案
我想用ngFor跳过第一项:{{m}}输出应该是:2,3,4在Angular2中执行此操作的最佳方法是什么? 最佳答案 您可以在slicepipe的帮助下从集合的第二个(或任意偏移量)项目开始:{{m}}//willprint2and3 关于javascript-angular2-跳过ngFor中的第一项,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/35265441/
我有一个组件数组,我想显示该数组中的现有组件,但它不起作用,我怀疑在ngfor中创建并显示了一个新组件,而不是数组中的组件,因为我确实看到了新组件组件已创建但具有默认值而不是传递给它们的当前值,我做错了什么?html:typescript:if(this.visualDivArray.length 最佳答案 让您的VisualTextDivComponent创建一个对象数组。将该数组传递给ngFor。然后将数组的每个项目传递到您的app-visual-text-div组件中,如下所示:curLineCounter或更好的名称,是ap
Vue用户很容易实现这样的itemshuffle动画,查看他们的官方文档:我搜索了很多,但找不到适合Angular用户的解决方案。ngFor似乎在洗牌时切换项目内容而不是移动项目。这是我的演示:http://embed.plnkr.co/3IcKcC/当您点击shift时,由于li{transform:all1s;},您应该会看到项目移动动画。但是当你洗牌时,没有动画。所以我在这里寻求解决方案。 最佳答案 这是此类功能的简单实现PlunkerExample1)构建指令@Directive({selector:'[transition
试图学习一些关于Angular2中的过滤和排序的知识。我似乎找不到任何合适的资源,而且我被困在如何使用索引以相反的顺序对ngFor输出进行排序。我写了下面的管道,它一直给我错误,数组切片不是函数。@Pipe({name:'reverse'})exportclassReversePipeimplementsPipeTransform{transform(arr){varcopy=arr.slice();returncopy.reverse();}}我的ngfor看起来像这样。{{i+1}}{{advert.title}}{{advert.advert}} 最佳