如何在ng-repeat中使用AngularJS实现计数器？
在ng-repeat中使用AngularJS实现计数器的方法如下：
- 首先，在ng-repeat的元素上添加一个计数器变量，例如
counter。 - 在ng-repeat的元素中，使用
ng-init指令初始化计数器变量，例如ng-init="counter = 0"。 - 在ng-repeat的元素中，使用
ng-click指令绑定一个点击事件，每次点击时计数器变量加一，例如ng-click="counter = counter + 1"。 - 在ng-repeat的元素中，显示计数器变量的值，例如
{{ counter }}。
下面是一个完整的示例：
<div ng-repeat="item in items" ng-init="counter = 0">
<button ng-click="counter = counter + 1">增加计数器</button>
<span>计数器值: {{ counter }}</span>
</div>在上述示例中，items是一个数组，ng-repeat会根据数组的长度动态生成多个元素。每个元素都有一个独立的计数器变量，点击按钮时，对应元素的计数器变量会加一，并在页面上显示出来。
这种方法可以用于在ng-repeat中实现多个独立的计数器，每个计数器都可以独立增加和显示。适用于需要对ng-repeat生成的每个元素进行计数的场景。
推荐的腾讯云相关产品：无
相关·内容
我有一种情况，我想在嵌套的ng-重复上维护一个计数器。
<ul>
<li ng-repeat="some in something">
<span> index {{someCounter}} </span>
<ul>
<li ng-repeat="chid in some">
<span> index {{someCounter}} </span>
浏览 4提问于2014-12-02得票数 1
我正在使用AngularJS及其ng-repeat指令来显示一系列问题。我需要对每个问题进行编号，从1开始。如何使用ng-repeat显示和递增这样的计数器？这是我到目前为止所知道的：
<ul>
<li ng-repeat="question in questions | filter: {questionTypesId: questionType, selected: true}">
<div>
<span class="name">
浏览 0提问于2014-03-12得票数 39
回答已采纳
我有一个相当大的对象，需要在嵌套的ng-repeat循环中进行迭代
简化版本如下所示：
{{totalEvents = 0}}
<div ng-repeat="(mainIndex, eventgroup) in EventsListings">
<ul>
<li ng-repeat="event in eventgroup.events" ng-click="Current(totalEvents)">
<div class="event-item-container"
浏览 1提问于2014-03-27得票数 7
回答已采纳
我有一个这样的ng-repeat：
ng-repeat="item in items"
{{item.name}} {{$index}}
如果我有以下项目：
[{
name: "House"
},{
name: "House"
},
{
name: "City"
}]
ng-repeat的结果将是
House 0
House 1
City 2
我需要的是：
House 0
House 1
City 0
因此，如果我有3个同名的“房子”和5个同名的“城市”，结果将是：
House 0
House 1
House
浏览 1提问于2013-07-03得票数 0
我有一个应用程序，在那里我从API中获得一堆数据，这些数据表示在给定月份的给定日期完成的活动，它们显示在一个表中。
我可以有不同的桌子(假设一个用于工作活动，一个用于学校等等)。
在这些表中，<TH>是每月的日期，每行的第一个TD是月份。仅当给定月份有数据时，该表才会为该月份生成一行。
第一个ng-repeat将根据不同的活动创建X个表，第二个嵌套的ng-repeat将用数据填充月份的表中的行。
一切都很好，但我有个问题。在每页一个表格之前，这些表格有一个特定的打印视图(我使用css规则在每个表格之后换页)
但是现在我想实现一些更好的东西，因为一个表可能只有一行(假设你只在一月份有
浏览 6提问于2018-02-08得票数 2
回答已采纳
我在我的表中使用进行分页。库在其指令中使用ng-repeat，并从传递给它的数组中创建自己的数组。
我不能使用angularjs提供的搜索筛选器，因为库使用自己的数组(从我的数组)执行ng-repeat。
在使用此库时，是否可以使用搜索筛选器。
这就是table的样子(库期望的方式)
<table at-table at-list="myarray" at-paginated at-config="tableConfig">
<thead>
<tr>
<th class="te
浏览 1提问于2018-11-03得票数 2
回答已采纳
我正在做Angularjs项目，我需要冻结一个div，这取决于条件。我试着用ng-disabled，但这对我来说一点也不冷。这是密码
<div ng-repeat="item in list.items" ng-disabled="true">
我会很感激你的帮助。
编辑：
<div ng-repeat="item in list.items" ng-click="goToFunction()" ng-disabled="true">
现在我有了另一个问题，正如你们建议我可以改变css。但是
浏览 1提问于2014-05-21得票数 0
回答已采纳
在angularJS中，有时我使用花括号，有时我可以把它放在双引号中。以下面的li标记为例：
<ul ng-repeat="question in questionModel.questionaire">
[...]
<ul ng-repeat="answer in question.answers">
<li><input type="radio"
ng-click="questionModel.handleChange(answer)"
浏览 0提问于2016-06-01得票数 1
回答已采纳
我知道我可以使用ng-repeat遍历集合。我如何遍历一个范围。例如，如下所示：
<div class='aoeu' ng-repeat='count in range(1,5)'>
<div id='{{count}}'></div>
</div>
浏览 1提问于2012-12-03得票数 1
回答已采纳
我正在做一个学校项目，用户可以选择他/她可以从学校的计算机服务办公室借来的物品。本人已填妥申请表格，以便学生/教职员填写其个人资料。我对AngularJS中的复选框有问题。
我需要对复选框的ID进行总计/汇总，以便将其作为一个int而不是数组插入到数据库中。这是代码和一些信息。
$scope.chkItems = [
{
id: 1,
name: 'Laptop',
value: null,
}, {
id: 2,
浏览 7提问于2017-02-03得票数 2
回答已采纳
在Angularjs中，{{$index}}循环每次只包含一次循环
<div ng-repeat="(key, value) in reports" class="all_report_admin">
<div class="name">{{key}}</div>
<div ng-repeat="data in value" class="all_report">
<div clas
浏览 0提问于2018-04-17得票数 0
当我使用ng-repeat迭代一些数组时，我想使用filter中的参数
示例：
HTML-Part：
<tr ng-repeat="user in users | filter:isActive">
JavaScript-part：
$scope.isActive = function(user) {
return user.active === "1";
};
但是我希望能够像这样使用过滤器
<tr ng-repeat="user in users | filter:isStatus('4')">
浏览 0提问于2012-08-17得票数 75
回答已采纳
假设我有多个指令具有相同的名称"parent-elem“(在每个页面上，我可以有不同数量的指令-动态编号)
<div ng-app="app">
<div parent-elem></div>
<div parent-elem></div>
<div parent-elem></div>
</div>
有没有办法知道(在链接函数内部) AngularJS在页面上完成了对所有同名指令的渲染？在指令链接函数内部-我如何知道这个指令是最后呈现的？
注意:不使
浏览 15提问于2017-02-15得票数 0
2回答
我正在开发一个AngularJS指令，它是一个表。大多数控制ng-table的父控件需要为其选项和模型具有一个独立的范围。
但是，子类应该“继承”该范围，这样您就不必将大量选项传递给一个非常相互关联的组件组。
例如：
<div ng-table="tableOptions" ng-model="results">
<div ng-table-header>
<div ng-table-header-column="column"
ng-repeat="c
浏览 0提问于2014-07-08得票数 1
回答已采纳
1回答
我最近开始使用，我想我遇到了一个奇怪的bug。
首先，下面是一些工作代码：
视图：
<body ng-controller="MainCtrl">
<form name="form">
<div ng-repeat="phone in phoneNumbers">
<input ng-model="phone.number" required />
<button ng-click="dele
浏览 3提问于2013-03-03得票数 8
回答已采纳
我想知道如何在AngularJS中使用指令按名称获取单选按钮的数量。
<label ng-repeat="elements in [1,2,3,4,5,6,7]">
<input type="radio" name="phone" ng-model="phone" value="example">
</label>
<!--Directive by name (phone), number of radio buttons is 7-->
<l
浏览 1提问于2015-09-15得票数 0
在我的AngularJS应用程序中，我在控制器上使用$http.post (我正在使用json )获取数据，然后用
<div ng-repeat="item in arrayItems">
{{ makeANewHttpRequest(item.relatedItemId).propertyName }}
</div>
我需要的是实现$scope.makeANewHttpRequest(itemId)函数，它的调用次数与arrayItems.length一样多，并从新的$http.post请求中返回relatedItem对象。
我怎么能这么做？这
浏览 3提问于2015-03-05得票数 1
回答已采纳
我正在使用CakePHP和AngularJS，我需要验证我的多模型表单。
例如，创建元素的方式如下：
echo $this->Form->input(
$model . '.{{$index}}.url',
array(
'value' => '{{link.url}}',
'label' => 'URL',
'div' => array(
'class' =>
浏览 2提问于2014-01-15得票数 1
回答已采纳
我首先要说的是，我对AngularJS非常陌生，所以请原谅我的思维定势太离谱了。我正在使用AngularJS编写一个非常简单的单页报告应用程序，肉和土豆当然是使用angular模板系统来生成报告本身。我有许多报告，我正在从类似Jinja的语法转换，我很难复制任何类型的计数器或运行制表功能。
例如。
{% set count = 1 %}
{% for i in p %}
{{ count }}
{% set count = count + 1 %}
{% endfor %}
在我的控制器中，我定义了一个像$scope.total = 0;这样的变量，然后我就可以在模板内部访问它，而不会
浏览 1提问于2012-10-20得票数 13
回答已采纳
1回答
我正在尝试使用ng-if= "condition == {{date | date:"M"}}"在ng-repeat中选择对象
{{date | date:"M"}}在我的Angular页面中工作，返回"5"；但似乎不能在我的ng-if中工作。有谁能给我指个方向吗？
下面是不起作用的代码：
<li ng-repeat="task in tasks" ng-if="task.month == {{date | date:"M"}} || task.month == 0">
浏览 0提问于2015-05-13得票数 1
因此，我使用$index为ng重复中的每个单选按钮创建不同的I。我想在本地事件(不是ng事件)中引用那些‘d。
我在这个中做了一个例子
在这个例子中，我总是使用元素radio3，但是我想为每个名称引用正确的id。
<ul ng-repeat="person in persons">
<li onclick="$('#radio3').attr('checked', true);" ng-click="showIndex($index)">
<input type
浏览 4提问于2015-03-04得票数 0
回答已采纳
在我的约会数据中，我有几个月，几周，几天，一段时间。
在列表视图中，显示“周”并不重要(但对于其他报告来说很重要)
对于“天”，我可以过滤掉没有预约的天数，如下所示：
<div ng-repeat="month in appointments.months: | filter:{????:''}">
<div>{{month.name}}</div>
<div ng-repeat="week in month.weeks"> <!--Not displaying anything
浏览 0提问于2016-05-16得票数 2
回答已采纳
1回答
我在使用ng-repeat进行索引时遇到了一个问题。
<tr ng-repeat="Ward in Wardresult ">
<td>{{$index + 1}}</td>
......................
some column
.......................
</tr>
但是在索引中的输出结果是
Sr 1 10 11 12 13 .。。2 3 4
我如何解决这个问题呢?我使用ng-init，并且我在JS
浏览 1提问于2017-05-29得票数 0
我想在3个地方使用相同的HTML模板，只是每次都有不同的模型。我知道我可以从模板中访问变量，但名称会有所不同。
有没有办法将模型传递给ngInclude？
这就是我想要实现的，当然属性添加变量现在不起作用了。然后，在我包含的模板中，我将访问detailsObject及其属性。
<pane title="{{projectSummary.ProjectResults.DisplayName}}">
<h2>{{projectSummary.ProjectResults.DisplayName}}</h2>
<ng-incl
浏览 0提问于2012-11-17得票数 44
回答已采纳
我使用了Bootstrap Multiselect Dropdown 并嵌入到AngularJS的子模板中，让它通过以下函数运行：
$scope.$on('$viewContentLoaded', function () {
$(document).ready(function() {
$('#example27').multiselect({
includeSelectAllOption: true
});
});
});
我继续使用ng-repeat来打印这个输入select的内部选项：
浏览 2提问于2013-06-05得票数 12
如何选择角点下垂？
如何选择“第三个项目456”的默认下拉选项
请查看:
HTML:
<select ng-change="getMileWorkerlist(broadcastManagerData.project_list)" ng-model="broadcastManagerData.project_list" name="project_list" class="form-control" required >
<option value="0">All Project</o
浏览 9提问于2016-02-10得票数 1
5回答
表中有动态生成按钮的行。
<tr ng-repeat="task in task">
<td>{{task.Name}}</td>
<td>{{task.Comments}}</td>
<td>{{task.Project}}</td>
<td>{{task.Duration}}</td>
<td>
<button class={{editable}} ng-click="editTas
浏览 0提问于2016-09-29得票数 0
回答已采纳
我想在div-table-row上运行一个计数器，像0，1，2，3，4，……并将以div-table-cell-size打印如下所示。我怎样才能做到呢？
我见过这些，但我不知道如何应用两个ng重复：
注意:我对角很陌生。
<div class="div-table-row" ng-repeat="(label_inx, label_key) in design.labels">
<div class="div-table-cell-label">
{{ label_key
浏览 2提问于2014-07-22得票数 0
回答已采纳
2回答
我正在尝试实现一个使用AngularJS完成数据绑定的通用表格小部件(使用KendoUI)。表格小部件在HTML文件中看起来像这样(小提琴在这里：)：
<div ng:controller="Tester">
<gridview>
<div data-ng-repeat="man in people">
<gridviewcolumn datasource="name" man="man"></gridviewcolumn>
浏览 0提问于2012-07-31得票数 9
回答已采纳
我在我的项目中使用了以下代码。我在angular js项目中有一个select元素。对于选项，我使用ng-repeat传递json值。但是对于ng-selected，我希望显示JSON first值。
我试了两种方法，但对我不起作用。如果有人知道如何解决这个问题，请让我知道。
我的HTML代码(选项一和选项二)：
<select select2 id="environment" name="authorization" ng-model='addNlpStepForm.restfulEntity.authorization' class
浏览 3提问于2020-06-06得票数 2
如果我有嵌套的ng中继器，就像这样
<div ng-repeat="outeritem in outerobject">
<div ng-repeat="inneritem in innerobject" ng-click="function(inneritem.key, $index)"></div>
<div>
如何从$index的外部对象中继器中获得function(inneritem.key, $index)，这是内部对象中继器的ng-click指令？
更新：
最后我使用了这种方
浏览 2提问于2014-03-03得票数 1
回答已采纳
由于ng-repeat会在模型更改等事件上重新绘制所有项，那么在angularjs中实现“加载更多”行为/分页的更好方法是什么？
浏览 0提问于2013-06-07得票数 4
回答已采纳
$scope.items = [];
$scope.items.push(items);
<div ng-repeat="item in items">
<div ng-repeat="(key, value) in item">
{{value.ItemId}}
</div>
</div>
如何避免在迭代对象/数组数组时重复嵌套ng？
浏览 5提问于2014-05-05得票数 0
回答已采纳
2回答
我有一个包含ng-include的span，它嵌入了一个svg文件。如何使用ng-style设置svg的样式？我想根据它的索引设置它的样式。
<li ng-repeat="menuItem in menuItems" class="menuitem" ng-class="{'smenuitem': ($index === menuselected)}">
<span class="svgcont2"
ng-include="menuItem.iconurl"
浏览 17提问于2017-03-02得票数 1
回答已采纳
我有一个数据数组，它包含对象(JSON格式)。
var users = {
'New':{
{Name:'One'},
{Name:'Two'}
},
'Old':{
{Name:'Three'},
{Name:'Four'}
}
我使用这个结构来显示数据：
<div ng-repeat="(key, value) in users">
<p>{{key}}</p>
<div ng-re
浏览 4提问于2015-02-05得票数 3
回答已采纳
在AngularJS 1.3中，我使用我在控制器中定义的数组创建了一个表。基本上，我有一个数组：
sessionOverviewTrs = [{rowspan: 1},{rowspan: 2},..]
我有这样的代码：
<tr ng-repeat="trs in list.sessionOverviewTrs">
<td ng-repeat="tds in trs track by $index">
{{ tds.rowspan}}
问题是，我真的想把td
浏览 0提问于2015-05-16得票数 0
回答已采纳
{
"code": 2001,
"message": "valid devices",
"results": [
{
"event_type": "active_devices",
"receivedtimestamp": "Thu, 12 Mar 2015 04:35:05 GMT",
"sendtimestamp": "2015-03-19T18:18:00+0000"
浏览 0提问于2015-03-19得票数 0
这似乎是一个简单的问题，但我已经搜索了一段时间，似乎找不到它。
在我的JS中，我有一个名为parseTags(book)的东西，它接受一个JSON逗号分隔的标记列表(book.tags)，并将它解析为一个数组：
$scope.parseTags = function(book){
book.tags = book.tags.split(',');
};
在我的HTML中，有这样的内容：
<div ng-repeat="book in books" ng-init="parseTags(book)">{{book.title}}
浏览 0提问于2014-02-26得票数 1
回答已采纳
2回答
我有两个问题。
1)如何使用angularjs翻译和ng-repeat？
我有一个Json文件，所有的文本都可以工作，但是ng-repeat不行。我在json中的片段：
"rules":{
"points":[
{"text":"1"},
{"text":"2"},
{"text":"3"}
]
}
我试着写这样的东西，但它不起作用：
<ul ng-repeat="rule in
浏览 0提问于2018-01-27得票数 0
我有个这样的模特
public class City
{
public string Name {get; set;}
public List<Classified> Classifieds {get; set;}
public List<Area> Areas {get; set;}
}
在我的angualrJ控制器中，我喜欢下面的内容
$scope.cities = data; // I'm getting data (array of city).
现在，我正在尝试过滤基于cities和Areas (.len
浏览 1提问于2015-11-22得票数 1
回答已采纳
我有一些数据和显示使用ng-repeat，打印如下
data1
data2
data3
data4
data5
data6
但是我想把这些数据分成几部分打印出来。比如
data1 data3 data5
data2 data4 data6
在angularjs中是可能的吗？
浏览 3提问于2016-10-26得票数 1
1回答
我有模板：
<div ng-repeat="CableFilterName in CableFilterNames">
<fieldset>
<legend>{{CableFilterName.filterName}}</legend>
<ul id="">
<li ng-repeat="filterValue in Ca
浏览 4提问于2013-10-30得票数 2
回答已采纳
我正在尝试设置我的第一个(合适的) SPA AngularJS应用程序，它将有几个数据表来过滤两个不同联盟的结果。目前，我可以显示两个甲级联赛和乙级联赛的表格，但它们显示了两个联赛的所有结果，因为它们使用相同的模板。
我的模板页面包含一个带有以下ng-repeat标记的表：
<tr ng-repeat="fixtures in items | filter:{ FixtureLeague: 'League A'}" id="fixtures_{{fixtures.Id}}">
它是从主页中的ng-view div调用的。我开始考虑使用
浏览 0提问于2014-06-05得票数 1
2回答
我对用ng-repeat和ng-if分隔的逗号有一个问题。
我想以逗号分隔结果，但最后一项也包括comma。
我的期望是：AAA, CCC, EEE
但是输出结果是：AAA, CCC, EEE,
ng-repeat块如下所示：
<div ng-repeat="provider in providersInfo">
<span ng-repeat="policy in policiesInfo | filter:{ProviderId : provider.ProviderId }:true">
<span n
浏览 6提问于2014-12-19得票数 2
回答已采纳
我对angular.js还不熟悉，我只是在做一个函数ng-repeat。在其中，我使用ng-repeat="x in name"，其中定义了names中的一些值，但没有在完整代码中定义x。
这是我的代码：
<div ng-app="myApp" ng-controller="namesCtrl">
<ul>
<li ng-repeat="x in names">
{{ x.name + ', ' + x.country }}
</li>
</
浏览 8提问于2016-06-01得票数 2
回答已采纳
4回答
我知道，对于json对象或数组，我们可以很容易地使用ng-重复，例如：
<div ng-repeat="user in users"></div>
但是我们如何对字典使用ng-重复，例如：
var users = null;
users["182982"] = "{...json-object...}";
users["198784"] = "{...json-object...}";
users["119827"] = "{...json-object...}
浏览 14提问于2012-08-16得票数 287
回答已采纳
我有几个星期的日子作为标题栏的桌子：
我每天都有这样一个数组：
$scope.mondays = [];
我想用数组的值填充每一列。我如何用它来代替列呢？
echo "<tbody>";
echo "<tr id='schedule_row' ng-repeat='tv_show in tv_shows | orderBy:sortType:sortReverse'>";
echo "<td>{{tv_show.show_name}}</td>"; // S
浏览 4提问于2017-05-26得票数 0
回答已采纳
我有json档案
{
"cpu":[
{"code":"CPUB028","name":"Block CPU EK Supre","price":"1.789.000"},
{"code":"CPUIT5","name":"CPU INTEL CORE I5","price":"8.789.000" }
],
浏览 1提问于2017-03-22得票数 0
回答已采纳
我用angularjs编写了这样的代码：
<div ng-repeat="item in benchmarGeographyObj">
<div style="padding-right: 60px;float:left;">
<input readonly style="width: 100%;" type="text" id="unik" ng-value="item.BEN_BENCHMARK_GEOGRAPHY
浏览 0提问于2018-05-24得票数 0
我正在从事一个项目，在这个项目中，我从Google中填充了一些JSON，并将这些数据发送到用AngularJS编写的前端。
现在，我在一张来自ng-repeat材料的卡片上使用AngularJS，我想不出一种像Google那样实际填充ng-重复的方法，我填充的方式如下：
<div class='md-padding' layout="row" layout-wrap>
<md-card flex="45" flex-sm="100" flex-md="100" flex-xs="1
浏览 2提问于2017-12-31得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
