Getting $parent.$index inside a custom directive
{
-
This sample can helps you to figure out how can get index or etc ... in directives.
var app = angular.module("app", []);
app.controller("controller", function ($scope) {
$scope.array1 = [
{id: "1-1"},
{id: "1-2"}
];
$scope.array2 = [
{id: "2-1"},
{id: "2-2"}
];
});
app.directive("exampleDirective", function () {
return {
restrict: "A",
scope: {
exampleDirective: "="
},
link: function (scope, element, attr, ngModel) {
console.log(scope.exampleDirective)
}
}
})
<!DOCTYPE html>
<html ng-app="app" ng-controller="controller as ctrl">
<head>
<title></title>
</head>
<body>
<ul>
<li ng-repeat="value in array1 track by $index">
{{value.id}}
<ul>
<li ng-repeat="j in array2">
<div example-directive="{parentIndex: $parent.$index, childIndex: $index}">
{{j.id}}
<p>array1 index: {{$parent.$index}}</p>
<p>array2 index: {{$index}}</p>
</div>
</li>
</ul>
</li>
</ul>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</body>
</html>
讨论(0)
加载中...
- 热议问题