make dropdown item as selected in angularjs

Question

I have make a demo of angularj dropdown menu,and its working fine,But now i want to make selected item as active,I dont have any idea how to do this,can anybuddy please help me ,I have used Angular-Dropdown.js

Mycode is as below:

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>

js

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

augustine · Accepted Answer · 2015-11-17 08:48:35Z

1

set divider to true/false

example:

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

or

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

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

edited Nov 17, 2015 at 8:48

answered Nov 17, 2015 at 6:25

augustine

5384 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

JIGAR Over a year ago

tried your code inside $watch but nothing is happening.

augustine Over a year ago

I made a simple example. It can exactly choice the specified option. jsfiddle.net/66mrssb7

JIGAR Over a year ago

Oh,Thanks frend,but its not what i need,I want to make option as active when i again open dropdown,just same as you have made *label as active in your example,(active seems it should display different than other items).you get my question dear?please help me.

augustine Over a year ago

You can set "divider" to true/false. $scope.ddSelectOptions[1].divider = true; $scope.ddSelectOptions[0].divider = false; is that what you want? jsfiddle.net/66mrssb7/5

JIGAR Over a year ago

Exaclty great,but how to do this on dropdown selection,i mean where to write down this code is the problem..:(

|

Collectives™ on Stack Overflow

make dropdown item as selected in angularjs

1 Answer 1

9 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related