在 angularjs 中选择下拉项答案

【问题标题】：make dropdown item as selected in angularjs在 angularjs 中选择下拉项
【发布时间】：2015-11-17 16:48:35
【问题描述】：

我已经做了一个 angularj 下拉菜单的演示，它工作正常，但现在我想让选定的项目激活，我不知道如何做到这一点，请任何朋友帮助我，我使用了 @987654321 @

Mycode如下：

html

<span class="toolbar-button--quiet navigation-bar__line-height" style="border: none; padding: 0">
                <i  class="ion-android-more-vertical" dropdown-disabled="isDropdownDisabled" style="font-size: 26px; margin: 0; padding: 0 17px 0 12px;" dropdown-menu="ddMenuOptions" dropdown-model="ddMenuSelected" dropdown-disabled="dropdownsDisabled"></i>  
            </span>

  $scope.ddMenuOptions = [
        {
            text: 'Featured',
            code: 'F'
        }, {
            text: 'Name (A-Z)',
            code: 'A'
        }, {
            text: 'Rating',
            code: 'M'
        }, {
            text: ' Most Popular',
            code: 'MP'
        }
    ];

    $scope.ddMenuSelected = {
    };



    $scope.$watch("ddMenuSelected", function(newValue, oldValue) {

        $scope.selectedItem = newValue;
        var result = document.getElementsByClassName("dropdown");
        var wrappedResult = angular.element(result);
        wrappedResult.removeClass('active');
        wrappedResult.addClass('activated');
        if (newValue !== oldValue) {

            console.log("=========" + $scope.ddMenuSelected.code);
            $rootScope.ddMenuOptions = false;

【问题讨论】：

标签： html angularjs drop-down-menu

【解决方案1】：

将分隔线设置为真/假

示例：

$scope.ddSelectOptions[0].divider = false;

或

$scope.ddSelectOptions[1].divider = true;

https://jsfiddle.net/66mrssb7/7/

【讨论】：

在 $watch 中尝试了您的代码，但没有任何反应。
我做了一个简单的例子。它可以准确地选择指定的选项。 jsfiddle.net/66mrssb7
哦，谢谢朋友，但这不是我需要的，当我再次打开下拉菜单时，我想将选项设为 active，就像你所做的一样 *标签在您的示例中为活动，（活动似乎应该与其他项目显示不同）。亲爱的你明白我的问题吗？请帮助我。
您可以将“分隔符”设置为真/假。 $scope.ddSelectOptions[1].divider = true; $scope.ddSelectOptions[0].divider = false;那是你要的吗？ jsfiddle.net/66mrssb7/5
非常好，但是如何在下拉选择中执行此操作，我的意思是在哪里写下这段代码是问题..:(