在下拉列表中显示未选中的选项,在引导程序的下拉列表中显示所选选项

时间:2018-01-12 11:19:50

标签: javascript angularjs twitter-bootstrap dropdown

我有一个bootstrap下拉选择选项,其中我只有两个选项。我想将一个选项显示为选定的选项,并在下拉列表中显示未选中的其他选项。也就是说,下拉列表将始终显示未选择的选项。以下是我的代码。

<div class="select_list" ng-class='{active:active}' ng-click="active=!active">
    <span ng-style="{'background-image':'url('+obj.language_selected.url+')'}">@*{{obj.language_selected.name}}*@</span>
    <ul class="options">
        <li class="select_list_option"
            ng-repeat="language in language_list"
            ng-click="obj.language_selected=language"
            ng-style="{'background-image':'url('+language.url+')'}">\
          {{language.name}}
        </li>
    </ul>
</div>

Javascript代码:

$scope.obj = { language_selected: { 'name': 'USA', 'url': '/Content/Images/us.png' } };
$scope.language_list = [{ 'name': 'USA', 'url': '/Content/Images/us.png' },
                        { 'name': 'UK', 'url': '/Content/Images/uk.png' }
                       ];

附加图像以供参考:

dropdown flag

0 个答案:

没有答案