How can I open dropdown manually, under condition in angularjs?

Question

I would like to open dropdown only if condition is fulfilled. How can I do this? Now my code looks like:

<div class="btn-group" uib-dropdown>
  <button class="btn btn-secondary" uib-dropdown-toggle ng-click="vm.openDropdown()">
  open
</button>
  <div class="dropdown-menu dropdown-menu-right" uib-dropdown-menu>
    <a class="dropdown-item d-inline-flex" ng-repeat="test in vm.tests">{{test}}</a>
  </div>
</div>

vm.openDropdown = openDropdown
vm.tests = [1, 2, 3, 4]

function openDropdown () {
    if (vm.test == true) {
////and here I need have condition if something is true, I do not want to open dropdown
     }
 }

Bill P · Accepted Answer · 2019-07-18 13:34:21Z

1

Have you tried to use ng-disabled : (if variable test is true you can't open dropdown)

<div class="btn-group" uib-dropdown>
    <button class="btn btn-secondary" uib-dropdown-toggle ng-disabled="vm.test">open
    </button>
    <div class="dropdown-menu dropdown-menu-right" uib-dropdown-menu>
       <a class="dropdown-item d-inline-flex" ng-repeat="test in vm.tests">{{test}}</a>
    </div>
</div>

answered Jul 18, 2019 at 13:34

Bill P

3,61610 gold badges24 silver badges34 bronze badges

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

Collectives™ on Stack Overflow

How can I open dropdown manually, under condition in angularjs?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related