<!DOCTYPE html>
<
html
>
<
head
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
link
rel
=
"stylesheet"
href
=
<
meta
charset
=
"utf-8"
>
</
head
>
<
body
ng-app
=
"myApp"
ng-controller
=
"myCtrl"
>
<
p
class
=
"w3-jumbo w3-text-green pad"
align
=
"center"
style
=
"margin: 0 0 0 0"
>
GeeksforGeeks
</
p
>
<
p
class
=
"w3-large w3-text-green pad"
align
=
"center"
>
A computer science portal for geeks
</
p
>
<
ul
>
<
li
ng-repeat
=
"(key, value) in dogs | groupBy:'breed'"
>
Breed: {{ key }}
<
ol
>
<
li
ng-repeat
=
"dog in value"
>
Dog name: {{ dog.name }}
</
li
>
</
ol
>
</
li
>
</
ul
>
<
script
type
=
"text/javascript"
>
//(3)
angular.module('myApp', ['angular.filter'])
.controller('myCtrl', function ($scope) {
$scope.dogs = [
{ name: 'Alex', breed: 'German Shepherd' },
{ name: 'Rocky', breed: 'Bulldog' },
{ name: 'John', breed: 'Beagle' },
{ name: 'Paula', breed: 'Bulldog' },
{ name: 'Bobby', breed: 'German Shepherd' }
];
});
</
script
>
</
body
>
</
html
>