デフォルトを表示特定の選択オプションのフィルタベース - AngularJS

Question

私には選択メニューがあります。

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

と私の他のHTMLコンテンツ

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

私はときに、メニューを選択し、ユーザの変更フィルタをトリガ。

私はデフォルトの選択肢としてUSAを設定しようとしています。だから私はJSのセクションでこれをやった。

$.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)); 
    } 
}); 

これまでのところ、とてもうまく動作していて、私のセレクトメニューを変更/タッチしても問題ない。

私の目標は、というフィルタの結果を表示することです。ページに着陸すると、すぐに米国にセレクトメニューが表示されます。

これまでのところ、それはしていませんでした。あなたは、私がここに持っているものを見ることがあります。今JSFiddle

---

結果：私はそれになりたい

結果：

---

上の任意のヒントこの ？

Answer 1

の代わりに、HTML形式のループで選択した属性を追加し、

が

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

を追加して、ちょうど

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

ワーキング溶液でHTMLループを交換する - 今すぐhttps://jsfiddle.net/0xj47wax/1/