In html
<div ng-controller="homeCtrl as home">
<a class="list-group-item" ng-repeat="e in home.events | orderBy:'popularity'"> {{ e.name }}</a>
</div>
In the controller
var vm = this;
vm.events = [{
"name": "one",
"popularity": 1
}, {
"name": "four",
"popularity": 4
}, {
"name": "two",
"popularity": 2
}];
I get this error https://docs.angularjs.org/error/orderBy/notarray?p0=%7B%7D
On
Make sure you are using Controller As syntax in view
<div ng-controller="ListCtrl as home">
DEMO
var app = angular.module("app", []);
app.controller("ListCtrl", ["$scope",
function($scope) {
var vm = this;
vm.events = [{
"name": "one",
"popularity": 1
}, {
"name": "four",
"popularity": 4
}, {
"name": "two",
"popularity": 2
}];
}
]);<!DOCTYPE html>
<html>
<head>
<script data-require="[email protected]" data-semver="1.4.7" src="https://code.angularjs.org/1.4.7/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app='app'>
<div ng-controller="ListCtrl as home">
<a class="list-group-item" ng-repeat="e in home.events | orderBy:'popularity'">
{{ e.name }}</a>
</div>
</body>
</html>
My problem was that I had
before the function was called and I corrected it to
and it fixed it.
Thanks for the answers. Sorry my question didnt quite have all my code :/