获取嵌套的ng-repeat的长度可以通过以下步骤实现:
以下是一个示例代码:
HTML代码:
<div ng-repeat="outerItem in outerArray" outer-repeat>
<div ng-repeat="innerItem in outerItem.innerArray" inner-repeat>
<!-- 内层ng-repeat的内容 -->
</div>
</div>
JavaScript代码:
angular.module('myApp', [])
.controller('myController', function($scope) {
$scope.outerArray = [
{ innerArray: [1, 2, 3] },
{ innerArray: [4, 5, 6] },
{ innerArray: [7, 8, 9] }
];
$scope.getNestedRepeatLength = function(outerIndex, innerIndex) {
var outerElement = angular.element('[outer-repeat]').eq(outerIndex);
var innerElement = outerElement.find('[inner-repeat]').eq(innerIndex);
var innerLength = innerElement.children().length;
return innerLength;
};
});
在上述示例中,我们定义了一个外层ng-repeat和一个内层ng-repeat,分别遍历outerArray和innerArray。在控制器中,我们定义了一个名为getNestedRepeatLength的函数,该函数接受外层ng-repeat的索引和内层ng-repeat的索引作为参数。函数内部使用angular.element选择外层和内层ng-repeat的元素,并使用jQuery的children()方法获取内层ng-repeat的子元素的长度。
请注意,这只是一个示例代码,实际情况中可能需要根据具体的HTML结构和数据模型进行调整。
AngularJS Select(选项框)
AngularJS 可是使用数组或对象创建一个下拉列表选项。
使用ng-options创建选项框
在AngularJS 中我们可以使用ng-option指令来创建一个下拉列表,列表通过对象和数组循环输出
实例:
继续
1.ng-repeat获取每个input里的数据
1)html
<button ng-click="add()">add</button>
{{item.id}} AngularJS ng-model 指令
ng-model 指令用于绑定应用程序数据到HTML 控制器(input,select,textarea)的值
ng-model指令
ng-model指令可以将输入域的值与AngularJS 创建的变量绑定。
实例:
领取专属 10元无门槛券 手把手带您无忧上云AngularJS例子 ng-repeat遍历输出 通过js的splice方法删除当前行
序号
商品
单 Angularjs基础(三)
扫码
相关资讯
活动推荐