首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >AngularJS: ng-重复-start不适用于ng-init

AngularJS: ng-重复-start不适用于ng-init
EN

Stack Overflow用户
提问于 2016-05-03 10:39:57
回答 1查看 547关注 0票数 2

我正在使用ng-repeat-start /ng-重复结束,并在必要时使用$index,但我希望使用ng-init="someName = $index“,并使用"someName”来获得更清晰的代码,而不是将其混入嵌套的ng-重复。

它对ng重复非常有效,但在ng重复启动中执行此操作失败。

这是天使的问题吗?为什么它在那里不起作用?

这是代码(我还使用了引导):

代码语言:javascript
复制
<div class="col-md-3" ng-repeat-start="item in items" ng-init="myIndex = $index" ng-if="myIndex%3==0">
  <p>Introduction text for each row</p>
</div>
<div class="col-md-3">
  <h1>{{ item.name }}</h1>
  <h2>{{ item.description }}</h2>
</div>
<hr class="col-md-12" ng-repeat-end ng-if="myIndex%3==2">

我想要这样的东西:

“文字介绍”“第一要素”“第二要素”“第三要素”

“引言”“第四要素”“第五要素”“第六要素”

“正文介绍”“第七要素”“第八要素”“第九要素”

当使用myIndex时,包含文本和hr的第一个div永远不会出现,但是只有$index才能正常工作。

角度版本为1.4.9

EN

回答 1

Stack Overflow用户

发布于 2016-05-03 10:48:44

使用ng-如果在$index值中而不是在主<div>中,

代码语言:javascript
复制
<div class="col-md-3" ng-if="myIndex%3==0">
  <h1>{{ item.name }}</h1>
  <h2>{{ item.desc }}</h2>
</div>

看看这个小提琴手 ..。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37001906

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档