OrderBy на нг-повтора не работает, несмотря на данные быть массивом

В HTMLOrderBy на нг-повтора не работает, несмотря на данные быть массивом

<div ng-controller="homeCtrl as home"> 
<a class="list-group-item" ng-repeat="e in home.events | orderBy:'popularity'"> {{ e.name }}</a> 
</div>

В контроллере

var vm = this; 

vm.events = [{ 
      "name": "one", 
      "popularity": 1 
     }, { 
      "name": "four", 
      "popularity": 4 
     }, { 
      "name": "two", 
      "popularity": 2 
     }];

Я получаю эту ошибку https://docs.angularjs.org/error/orderBy/notarray?p0=%7B%7D

источник

2017-01-05 bobsim21

вы используете 'home.events' в своем повторении, но' vm' в вашем контроллере .. вы используете что-то вроде 'controllerAs: home' где-то еще? или если ваш повтор будет использоваться 'vm.events'? – haxxxton

ng-repeat работает, но как только я добавляю orderBy, он дает мне эту ошибку. – bobsim21

Проверьте мой ответ – Sajeetharan

Убедитесь, что вы используете Controller As Синтаксис в поле зрения

<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>

источник

2017-01-05 02:09:25 Sajeetharan

У меня был этот синтаксис, но я забыл его добавить. Извините, не исправление, которое я искал. – bobsim21

Вы, вероятно, отсутствует controllerAs синтаксис:

Взгляните на эту скрипку:

http://jsfiddle.net/adel_mehrban/ogrvmx61/1/

источник

2017-01-05 02:17:15 Yaser

Моя проблема была что я имеет

vm.events = {};

до того, как функция была вызвана, и я исправить ее

vm.events = [];

и он зафиксировал его.

Спасибо за ответы. Извините, у моего вопроса совсем не был весь мой код:/

источник

2017-01-05 03:10:52 bobsim21

OrderBy на нг-повтора не работает, несмотря на данные быть массивом

ответ

Смежные вопросы