CODEWITHSUNDEEP
htmlangularjsdrop-down-menu
JIGAR
JIGAR

Reputation: 302

make dropdown item as selected in angularjs

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;

Upvotes: 0

Views: 79

Answers (1)

augustine
augustine

Reputation: 538

set divider to true/false

example:

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

or

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

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

Upvotes: 1

Related Questions