本文将为您提供关于$index的ngRepeat里面angularjs指令的详细介绍，我们还将为您解释angularjs指令的作用的相关知识，同时，我们还将为您提供关于AngularJsng-repe
本文将为您提供关于$index的ngRepeat里面angularjs指令的详细介绍，我们还将为您解释angularjs指令的作用的相关知识，同时，我们还将为您提供关于AngularJs ng-repeat with index、AngularJs ng-repeat 嵌套如何获取外层$index、AngularJs ng-repeat中的$index、AngularJS ng-repeat指令及Ajax的应用实例分析的实用信息。
本文目录一览：- $index的ngRepeat里面angularjs指令（angularjs指令的作用）
- AngularJs ng-repeat with index
- AngularJs ng-repeat 嵌套如何获取外层$index
- AngularJs ng-repeat中的$index
- AngularJS ng-repeat指令及Ajax的应用实例分析
$index的ngRepeat里面angularjs指令（angularjs指令的作用）
除非有更好的方法这样做，我试图做这个功能基于这个文档从指令：
& or &attr – provides a way to execute an expression in the context of the parent scope. If no attr name is specified then the attribute name is assumed to be the same as the local name. Given and widget deFinition of scope: { localFn:’&myAttr’ },then isolate scope property localFn will point to a function wrapper for the count = count + value expression. Often it’s desirable to pass data from the isolated scope via an expression and to the parent scope,this can be done by passing a map of local variable names and values into the expression wrapper fn. For example,if the expression is increment(amount) then we can specify the amount value by calling the localFn as localFn({amount: 22}).
http://docs.angularjs.org/guide/directive
我很难理解这句话告诉我什么。所以，我试图做的是这…
首先，ngRepeat指令与我的指令一起使用在“testTemplate”中：
<ul> <li my-attr="test()" my-directive ng-repeat="value in values"> </li> </ul>
接下来，我的指令定义：
angular.module('myModule',[])
.directive('myDirective',function() {
return {
replace : true,transclude : true,scope : {
test: '&myAttr'
},templateUrl: 'partials/myTemplate.html',link : function(scope,element,attrs) {
alert(scope.count);
}
}
});
现在终于，我试图定义的控制器内的“测试”函数为引用指令的父模板。
function TestTemplateCtrl($scope,testTemplate) {
$scope.test = function() {
alert('in test');
$scope.count = "1";
}
}
所以第一个问题是我的“测试”函数在父中没有被执行。也许我不明白如何应该调用父控制器中的测试函数。现在我实际上还没有增加，但是是上面的正确的方式，我会去增加我的计数，当我到达那一点，如果我可以得到测试功能开火？
<li my-directive index="{{$index}}" ng-repeat="value in values">
指示：
myApp.directive('myDirective',function() {
return {
replace: true,// transclude: true,scope: {
index: '@'
},template: '<div>testing {{index}}</div>',link: function(scope,attrs) {
// ...
}
}
});
Fiddle。
AngularJs ng-repeat with index
码：
<div ng-repeat="c in customers">
<a ng-click="display(c.id[$index])" ng-hide="need to hide after click this one">{{vm.updateText}}</a>
<div ng-show="c.id[$index]">
<input type="text" name="id" data-ng-model="id" />
<input type="button" ng-click="vm.veryId(id)" value="{{vm.verifyButtonText}}">
<input type="button" ng-click="vm.Cancel()" value="{{vm.cancelButtonText}}">
</div>
</div>
// will show ng-click="vm.veryId(id)"
<rpe-progress data-ng-show="vm.showProgress" block="true"></rpe-progress>
// if id is working will show following error message:
<rpe-alert show="vm.mpnIDalert">{{vm.errormessage}}</rpe-alert>
<script>
vm.display= function (index) {
vm.id[index] = true;
// I want show updatesection & hide Update text
}
vm.cancel= function () {
// I want hide updatesection & show Update text
}
vm.veryId= function (id) {
// If id is wrong show error message.
}
</script>
解决方法
我不明白你的问题的实际用例.所以,如果你真的想用$index值来完成这个逻辑,你可以使用下面的代码片段来完成你的任务.
var app = angular.module('app',[]);
app.controller('indexCtrl',function ($scope) {
$scope.customers = [
{name: 'ABC',Age: 26},{name: 'DEF',Age: 32},{name: 'GHI',Age: 21}
];
$scope.toggledisplay = function(index) {
$scope.customers[index].show = ! $scope.customers[index].show;
};
});
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="app">
<div ng-controller="indexCtrl">
<table>
<tr>
<td>Name</td>
<td>Age</td>
</tr>
<tr ng-repeat="c in customers">
<td>{{c.name}}</td>
<td>
<button ng-click="toggledisplay($index)">display</button>
<span ng-show="c.show">{{c.Age}}</span></td>
</tr>
</table>
</div>
</body>
AngularJs ng-repeat 嵌套如何获取外层$index
一个真实项目的例子是遍历表格的行和列,每一行需要显示当前是第几行,我立刻想到用$index,简直就如同砍瓜切菜般,一切都那么行云流水,简直太容易了,于是有了下面这段代码.
可当我的程序跑起来了,我发现我获取的$index感觉怪怪的,我想一定是我打开的方式不对,我狂按几下F5,可事实就是我的程序出BUG了,因为它拿到的是列循环的索引. 这下我懵逼了. 你TM是在逗我?
经过思索,我想到了ngInit,于是有了下面这段代码, 我尝试做的事情是把$index赋值给了outerIndex,并在循环体中输出outerIndex.
