Check this out in documentation.
https://docs.angularjs.org/api/ng/filter/orderBy
On Thursday, August 7, 2014 1:39:43 PM UTC-4, Awks Dine wrote:
>
> Hi, I have problem with my code today,
>
> I don't know how to* orderBy* an element in an *array*.
> I need to order in my *SELECT* the kills of every champions, yeah...
> league of legends.
>
> ^^' I'm trying to make a score classement.
>
> here is my code :
>
> *HTML *(index.html)
> <!doctype
> <html ng-app="ClassementChamps">
>
> <head>
> <meta charset="utf-8">
> <link rel="stylesheet" type="text/css" href="css/local.css">
> <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
> </head>
>
>
> <body ng-controller="ChampController as champ">
>
> <!-- search champion -->
>
> <section id="search">
> <label>search: <input type="text" ng-model="search"/></label>
>
> <select class="search" ng-model="order">
> <option value="score.kills">score.kills</option>
> <option value="sex">sex</option>
> </select>
> </section>
>
> <!-- main-content -->
>
> <section id="main-content">
>
> <ol>
> <li ng-repeat="information in champ.infos | filter:search |
> orderBy:order:true">
> <div class="champsCore">
> <a href="{{information.page}}">
> {{information.champion + ' is a ' + information.sex + ', '
> + information.lane}}
> </a>
>
> <p ng-repeat="score in information.score">
> Score: {{score.kills + ' / ' + score.mort + ' / ' +
> score.assistances}}.
> </p>
> </div>
> </li>
> </ol>
>
> </section>
>
> <!-- footer -->
>
> <section id="footer">
> <div id="totalChamps" ng-hide="search">
> there is
> <strong>{{remaining}}</strong> champs,
> <strong>{{adc}}</strong> marksam,
> <strong>{{support}}</strong> support.
> </p>
> </div>
> </section>
>
> <script type="text/javascript" src="lib/angular.min.js"></script>
> <script type="text/javascript" src="js/app.js"></script>
> <script>document.write('<script src="http://' + (location.host ||
> 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' +
> 'script>')</script>
> </body>
> </html>
>
>
> *JAVASCRIPT* (app.js)
>
> var app = angular.module('ClassementChamps', []);
>
> app.controller('ChampController', ['$http', '$scope', 'filterFilter',
> function($http, $scope, filterFilter){
> var champ = this;
> champ.infos = [];
>
> $http.get('js/champions.php').success(function(data){
> champ.infos = data;
> });
>
>
> $scope.$watch('champ.infos', function(){
> $scope.remaining = $scope.champ.infos.length;
> }, true);
>
> $scope.$watch('champ.infos', function(){
> $scope.adc = filterFilter($scope.champ.infos, {lane:'marksam'
> }).length;
> }, true);
>
> $scope.$watch('champ.infos', function(){
> $scope.support = filterFilter($scope.champ.infos, {lane:
> 'support'}).length;
> }, true);
>
>
>
> }]);
>
>
> Data* JSON* in php file
>
> [
>
>
>
> {
>
> "champion": "Ashe",
> "sex":"female",
> "lane":"marksam",
> "page":"#Ashe",
> "score":[{"kills":"9", "mort":"2", "assistances":"5"}]
>
>
> },
> {
>
> "champion": "Graves",
> "sex":"male",
> "lane":"marksam",
> "page":"#Graves",
> "score":[{"kills":"12", "mort":"4", "assistances":"1"}]
>
> },
> {
>
> "champion": "Leona",
> "sex":"female",
> "lane":"support",
> "page":"#Leona",
> "score":[{"kills":"2", "mort":"0", "assistances":"8"}]
>
> },
> {
>
> "champion": "Sona",
> "sex"<span style="
> ...
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
