2017-03-07 2 views
0

Ich habe ein Auswahlmenü.Anzeige Standard Filter Basis auf spezifische Wählen Sie Option - AngularJS

<select id="dd" ng-show='data != null' ng-model='search'></select> 

und meine anderen HTML-Inhalte

<div ng-repeat="obj in data | filter:search" ng-show="search"> 

    <div class="row"> 

     <!-- Country --> 
     <div class="col-xs-4 text-center" > 
      <p>[[obj.country]]</p> 
      <img src="data:image/png;base64,[[obj.flag]]" alt="" width="30px"> 
     </div> 

     <!-- Main Info --> 
     <div class="col-xs-4" > 
      <p class="company-name">[[obj.user.username]]</p> 
      <p>[[obj.obj.phone_public]]</p> 
      <p>[[obj.user.email]]</p> 
      <a href="[[obj.obj.url]]">[[obj.obj.url]]</a></span> <span class="col span_2_of_6"> 
     </div> 

     <!-- Logo --> 
     <div class="col-xs-4 pull-right" > 
      <img src="data:image/png;base64,[[obj.logo]]" alt="" width="100px"> 
     </div> 

    </div> 

    <br><hr> 


</div> 

ausgelöst ich den Filter, wenn der Benutzer ändern, die Menü auswählen.

Ich versuche, USA als meine Standardauswahl festzulegen. Also tat ich dies in meinem JS Abschnitt

$.each(unique_countries, function (index, value) { 
    if(value == 'United States of America'){ 
     $("#dd").append($("<option value= '" + value + "' selected='selected' >").text(value)); 
    }else{ 
     $("#dd").append($("<option value= " + value + ">").text(value)); 
    } 
}); 

So weit so gut, und es funktioniert gut - wenn ich mein Auswahlmenü ändern/berühren.

Mein Ziel ist Anzeige des Ergebnisses des Filters, wie ich das Auswahlmenü nach USA haben würde, sobald auf der Seite landen.

Bisher hat es das nicht getan. Sie können sehen, was ich habe hier: JSFiddle


Ergebnis jetzt:

enter image description here

Ergebnis ich es sein will:

enter image description here


Irgendwelche Hinweise auf Dies ?

Antwort

1

stattdessen ausgewählte Attribut in der HTML-Schleife des Hinzufügens,

$scope.search = 'United States of America';

hinzufügen und die HTML-Schleife ersetzen mit

nur
$.each(unique_countries, function (index, value) { 
    $("#dd").append($("<option value= " + value + ">").text(value)); 
}); 

Arbeitslösung - https://jsfiddle.net/0xj47wax/1/

+0

Jetzt Mein Dropdown-Menü ist leer, weil von diesem '' – ihue

+0

Kannst du es nicht leer machen? – ihue

+0

Irgendwelche anderen Vorschläge? – ihue

Verwandte Themen