javascript - 基于特定选择选项显示默认过滤器 - 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>

当用户更改选择菜单时，我触发了过滤器。

我正在尝试将美国设置为我的默认选择。所以我在我的 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 循环中添加 selected 属性，

添加

$scope.search = '美利坚合众国';

并将 html 循环替换为

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

工作解决方案 - https://jsfiddle.net/0xj47wax/1/