GVKun编程网logo

angularjs如何在没有onclick的情况下增加ng-repeat中的初始变量值?(angularjs初始化的方法)

10

在这篇文章中,我们将为您详细介绍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初始化的方法)

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  }}&nbsp;</p> </span>
                 </div> 
            </div>
        </div>
    </div>

在ng-repeat中递增start = start + 1之后ng-init start = 0,但没有计数仅显示1。

angular – 如何在没有* ngIf的情况下渲染ng-container或ng-template?

angular – 如何在没有* ngIf的情况下渲染ng-container或ng-template?

我需要将tappable指令添加到自定义组件内的离子卡组件.我使用@input()myInputBool,类似于:

<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>

但它感觉很糟糕和黑客.有更好的方法吗?

解决方法

我会使用ngTemplateOutlet而不是render选项:

<ng-container *ngTemplateOutlet="myContent"></ng-container>

也可以看看

> https://angular.io/api/common/NgTemplateOutlet#how-to-use

AngularJS $如何在ng-repeat中观察这些情况?

AngularJS $如何在ng-repeat中观察这些情况?

据我所知,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>
每次ng-repeat都会设置$watch. (如果你看一下 ng-repeat source code,大部分都是$watch方法的watchExpression函数).每次Angular digest cycle运行时,此项目中的每个项目都将由此监视功能进行检查. (请注意,在摘要周期中,可以多次调用此监视功能).

每个{{}}设置一个$watch.如果item.property之类的内容在{{}}内,则每个摘要周期至少检查一次.

如果函数在{{}} s内,则每个摘要周期至少调用一次该函数.

我不确定x |过滤器,但this fiddle似乎表明,每个摘要周期至少调用一次过滤器,即使x没有变化.

AngularJs ng-repeat中的$index

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中找到第一个和最后一个元素,并向他们添加特殊类?

angularjs – Angular Js:如何在ng-repeat中找到第一个和最后一个元素,并向他们添加特殊类?

我改变了以下使用角度js
<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”。

只需使用$ first和$ last结合ng-class:
<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中找到第一个和最后一个元素,并向他们添加特殊类?的相关信息,可以在本站进行搜索。

本文标签: