How to prevent an angular-bootstrap dropdown from closing (Unbind Event which was bound by a directive)

Question

I am using the Angular-Bootstrap Dropdown. I want to prevent it from closing on click until the user closes it intentionally.

Default state is: The Dropdown closes

Answer 1

This is a crude way of overriding it. You need to control the is-open attribute manually and hijack the on-toggle event, example:

    
        Button dropdown 
    
    

        
Action
        
Another action
        
Something else here
        

        
Separated link
    

Controller:

    $scope.toggled = function (open) {
        $timeout(function () {
            $scope.ctrl.isOpen = true;
        });
    };

I would ask for a property on the dropdownConfig constant (something like autoClose) for a permanent solution.