diff options
| author | Rory Douglas | 2013-05-27 10:59:19 -0700 |
|---|---|---|
| committer | Igor Minar | 2013-07-24 14:16:26 -0700 |
| commit | 47a2a9829f0a847bbee61cd142c43000d73ea98b (patch) | |
| tree | 2c653f37275e297099d70549567152f7d7c4d802 | |
| parent | a13c01a8e48ea4a0d59394eb94f1b12c50cfef61 (diff) | |
| download | angular.js-47a2a9829f0a847bbee61cd142c43000d73ea98b.tar.bz2 | |
fix(ngRepeat): handle iteration over identical obj values
Modifies default trackByIdFn to factor both key and value into hashKey
for non-array primitive (i.e. index not provided) values
Closes #2787
Closes #2806
| -rw-r--r-- | src/ng/directive/ngRepeat.js | 9 | ||||
| -rw-r--r-- | test/ng/directive/ngRepeatSpec.js | 9 |
2 files changed, 16 insertions, 2 deletions
diff --git a/src/ng/directive/ngRepeat.js b/src/ng/directive/ngRepeat.js index fdf79c02..b5fa60dd 100644 --- a/src/ng/directive/ngRepeat.js +++ b/src/ng/directive/ngRepeat.js @@ -205,7 +205,7 @@ var ngRepeatDirective = ['$parse', '$animator', function($parse, $animator) { var animate = $animator($scope, $attr); var expression = $attr.ngRepeat; var match = expression.match(/^\s*(.+)\s+in\s+(.*?)\s*(\s+track\s+by\s+(.+)\s*)?$/), - trackByExp, trackByExpGetter, trackByIdFn, lhs, rhs, valueIdentifier, keyIdentifier, + trackByExp, trackByExpGetter, trackByIdFn, trackByIdArrayFn, trackByIdObjFn, lhs, rhs, valueIdentifier, keyIdentifier, hashFnLocals = {$id: hashKey}; if (!match) { @@ -227,9 +227,12 @@ var ngRepeatDirective = ['$parse', '$animator', function($parse, $animator) { return trackByExpGetter($scope, hashFnLocals); }; } else { - trackByIdFn = function(key, value) { + trackByIdArrayFn = function(key, value) { return hashKey(value); } + trackByIdObjFn = function(key) { + return key; + } } match = lhs.match(/^(?:([\$\w]+)|\(([\$\w]+)\s*,\s*([\$\w]+)\))$/); @@ -266,7 +269,9 @@ var ngRepeatDirective = ['$parse', '$animator', function($parse, $animator) { if (isArrayLike(collection)) { collectionKeys = collection; + trackByIdFn = trackByIdFn || trackByIdArrayFn; } else { + trackByIdFn = trackByIdFn || trackByIdObjFn; // if object, extract keys, sort them and use to determine order of iteration over obj props collectionKeys = []; for (key in collection) { diff --git a/test/ng/directive/ngRepeatSpec.js b/test/ng/directive/ngRepeatSpec.js index 6506e060..0d1833c8 100644 --- a/test/ng/directive/ngRepeatSpec.js +++ b/test/ng/directive/ngRepeatSpec.js @@ -89,6 +89,15 @@ describe('ngRepeat', function() { expect(element.text()).toEqual('misko:swe|shyam:set|'); }); + it('should iterate over an object/map with identical values', function() { + element = $compile( + '<ul>' + + '<li ng-repeat="(key, value) in items">{{key}}:{{value}}|</li>' + + '</ul>')(scope); + scope.items = {age:20, wealth:20, prodname: "Bingo", dogname: "Bingo", codename: "20"}; + scope.$digest(); + expect(element.text()).toEqual('age:20|codename:20|dogname:Bingo|prodname:Bingo|wealth:20|'); + }); describe('track by', function() { it('should track using expression function', function() { |
