Führen Sie orderBy, wenn dropdown ausgewählt ist angularjs

Ich habe ein drop-down-Liste bestehend aus name und Adresse. wenn der name gewählt ist dann meine Liste sortiert werden soll mit dem Namen.
Mein code funktioniert nicht richtig` Order By

<div class="col-xs-2">
        <select class="form-control" ng-change="changedvalue()" ng-model="Tosort.order">
            <option value="None">-- Select --</option>
            <option ng-model="Tosort.order" value="Name">Name</option>
            <option ng-model="Tosort.order" value="Address">Address</option>
        </select>
    </div>
<li ng-repeat="x in details | filter: Tofilter.country | orderBy:sort.value">
Ein detail blog: goo.gl/XYmwkr

InformationsquelleAutor Viveka | 2014-08-08

  1. 3

    Müssen Sie verwenden Sie einfach das ng-Modell anstelle des ng-change () - Ereignis. Es sind einige andere Probleme in Ihrem code, wie Sie benötigen, zu liefern ng-Modell nur auf den select-tag. Ich denke, dass müssen Sie möglicherweise wieder einige eckige Grundlagen. Ich habe gezeigt, wie es funktionieren könnte unten. der select-tag wird an "sortBy" und das gleiche wird in der "orderBy" filter

    <div class="col-xs-2">

        <select class="form-control" ng-model="sortBy">
            <option value="None">-- Select --</option>

            <option value="Name">Name</option>
            <option value="Address">Address</option>

        </select>
    </div>



<li ng-repeat="x in details | filter: Tofilter.country | orderBy:sortBy">

    InformationsquelleAutor Abhinav Gujjar

  2. 2

    Ich sehe hast du viele Antworten, während ich schrieb noch mein Beispiel. Verdammt bist du schnell! 🙂

    Sowieso, das wäre Inhalt Ihrer HTML -

    <body ng-controller="MyCtrl">
  <div>
    <!-- text input for filtering -->
    <label>Country filter</label>
    <input type="text" ng-model="countryFilter"></input>

    <!-- options to order (filtered) results -->
    <label>Order by</label>
    <select ng-model="selectedOrder" ng-options="option for option in options"></select>
  </div>

  <ul>
    <!-- show results: filter by country name and order by selected property name -->
    <li ng-repeat="detail in details | filter:{country: countryFilter} | orderBy:selectedOrder">{{ detail }}</li>    
  </ul>
</body>

    - Und dies wäre im Zusammenhang controller

    var app = angular.module('plunker', []);

app.controller('MyCtrl', function($scope) {      
  //order by options
  $scope.options = ['country', 'address'];

  //all countries
  $scope.details = [{
    id:1, country:'Country 1', address:'Address C'
  },{
    id:2, country:'Country 2', address:'Address B'
  },{
    id:3, country:'Country 3', address:'Address A'
  }];
});

    Für die Zukunft, arbeiten plunker hier http://plnkr.co/edit/02Y3b7

    InformationsquelleAutor Mikko Viitala

Schreibe einen Kommentar