在这篇文章中,我们将为您详细介绍angularjs如何在没有onclick的情况下增加ng-repeat中的初始变量值?的内容,并且讨论关于angularjs初始化的方法的相关问题。此外,我们还会涉及
在这篇文章中,我们将为您详细介绍angularjs如何在没有onclick的情况下增加ng-repeat中的初始变量值?的内容,并且讨论关于angularjs初始化的方法的相关问题。此外,我们还会涉及一些关于angular – 如何在没有* ngIf的情况下渲染ng-container或ng-template?、AngularJS $如何在ng-repeat中观察这些情况?、AngularJs ng-repeat中的$index、angularjs – Angular Js:如何在ng-repeat中找到第一个和最后一个元素,并向他们添加特殊类?的知识,以帮助您更全面地了解这个主题。
本文目录一览:- angularjs如何在没有onclick的情况下增加ng-repeat中的初始变量值?(angularjs初始化的方法)
- angular – 如何在没有* ngIf的情况下渲染ng-container或ng-template?
- AngularJS $如何在ng-repeat中观察这些情况?
- AngularJs ng-repeat中的$index
- angularjs – Angular Js:如何在ng-repeat中找到第一个和最后一个元素,并向他们添加特殊类?
angularjs如何在没有onclick的情况下增加ng-repeat中的初始变量值?(angularjs初始化的方法)
如何增加ng-repeat中的初始变量值
<div ng-if="feedData.carouselMode == true" ng-init='start=0' ng-repeat="a in carousel_data">
<divowl-carousel >
<divng-repeat="(key,item) in a.carouselFeeds" ng-init="start=start+1">
{{start}}
<div ng-click="go('{{key}}',item.feedUrls.length,'rtl')" ng-swipe-left="go('{{key}}','rtl')">
<imgng-src="{{item.img}}" />
<spanimage-ja="{{item.img}}">
<p ng->{{item.name }} </p> </span>
</div>
</div>
</div>
</div>
在ng-repeat中递增start = start + 1之后ng-init start = 0,但没有计数仅显示1。
angular – 如何在没有* ngIf的情况下渲染ng-container或ng-template?
<ng-container *ngIf="myInputBool"> <ion-card tappable> <ng-container render="myContent"></ng-container> </ion-card> </ng-container> <ng-container *ngIf="!myInputBool"> <ion-card tappable> <ng-container render="myContent"></ng-container> </ion-card> </ng-container> <ng-container #myContent> This is my content </ng-container>
当然它不起作用,因为没有“渲染”选项.到目前为止,我的解决方法是在ng-container中添加一个不存在的变量
<ng-container *ngIf="thisVariableDoesNotExist else myContent"> </ng-container>
但它感觉很糟糕和黑客.有更好的方法吗?
解决方法
<ng-container *ngTemplateOutlet="myContent"></ng-container>
也可以看看
> https://angular.io/api/common/NgTemplateOutlet#how-to-use
AngularJS $如何在ng-repeat中观察这些情况?
此外,有人可以解释在每种情况下会发生什么?我想知道,如果我有很多物品,那么用户不会因为我以其他方式书写而被淘汰的手表陷入困境.
一
<div ng-repeat="item in items"> <div>{{item.property}}</div> </div>
二
<div ng-repeat="item in items"> <div>{{item.property | myFormatter}}</div> </div>
三
<div ng-repeat="item in items"> <div>{{format(item.property)}}</div> </div>
四
<div ng-repeat="item in items"> <div>{{item.something()}}</div> </div>
每个{{}}设置一个$watch.如果item.property之类的内容在{{}}内,则每个摘要周期至少检查一次.
如果函数在{{}} s内,则每个摘要周期至少调用一次该函数.
我不确定x |过滤器,但this fiddle似乎表明,每个摘要周期至少调用一次过滤器,即使x没有变化.
AngularJs ng-repeat中的$index
当我们使用AngularJs的ng-repeat时候动态绑定数据时,遇到遍历出来的标签样式都一样,这时候希望根据数组的下标分别对应不同的样式
<div ng-repeat="item in menulist">
<div>
<span></span> <span> {{item.DirName}} </span>
</div>
</div>
把样式库写好就行 ok搞定
angularjs – Angular Js:如何在ng-repeat中找到第一个和最后一个元素,并向他们添加特殊类?
<section id="social"> <h2>Social Profiles</h2> <a href="#"https://www.jb51.cc/tag/irs/" target="_blank">irst"><i></i></a> <a href="#"><i></i></a> <a href="#"><i></i></a> <a href="#"><i></i></a> <a href="#"><ihttps://www.jb51.cc/tag/RSS/" target="_blank">RSS"></i></a> <div></div> </section>
对此
<section id="social"> <h2>Social Profiles</h2> <a ng-repeat="sMedia in socialMedia" ng-if="$first" href="#" > <i></i> </a> <div></div> </section>
一切似乎都很好,除非我找不到一种方法,在ng-repeat的最后一个元素中的第一个元素和class =“last”中添加class =“first”。
<a ng-repeat="sMedia in socialMedia" ng-https://www.jb51.cc/tag/irs/" target="_blank">irst': $first,'last': $last}" href="#" >
看到他们如何工作:https://docs.angularjs.org/api/ng/directive/ngRepeat
我们今天的关于angularjs如何在没有onclick的情况下增加ng-repeat中的初始变量值?和angularjs初始化的方法的分享就到这里,谢谢您的阅读,如果想了解更多关于angular – 如何在没有* ngIf的情况下渲染ng-container或ng-template?、AngularJS $如何在ng-repeat中观察这些情况?、AngularJs ng-repeat中的$index、angularjs – Angular Js:如何在ng-repeat中找到第一个和最后一个元素,并向他们添加特殊类?的相关信息,可以在本站进行搜索。
本文标签: