Disabling a static tab with Angular UI Bootstrap?

Question

I am trying to set a tab to be disabled in a Angular Ui-bootstrap 2.0 tabset.

In the example on their site, the one they are enabling and disabling (with a button) is a dynamic tab (an ng-repeat). I tried that, it works.

I am trying to disable a Tab in a set that's not created with an ng-repeat, and it does not seem to work. I have hard-coded the disabled property. I tried using a simple "true" and a controller property. The tab remains selectable.

<uib-tabset active="active">
  <uib-tab index="0" heading="Static title">
    Lorem ipsum dolor sit amet
  </uib-tab>
  <uib-tab index="1" heading="Another static title">
   Consectetur adipisicing elit.
  </uib-tab>
  <uib-tab index="2" heading="Still another static title" disabled="amDisabled">
    Recusandae
  </uib-tab>

where $scope = amDisabled = true

Here is a plunker.

cnorthfield · Accepted Answer · 2016-09-08 20:14:19Z

10

You need to use the disable attribute not disabled

Here is the same plunker with the disable attribute

It's an easy mistake to make!

edited Sep 8, 2016 at 20:14

answered Sep 8, 2016 at 20:08

cnorthfield

3,51119 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

Disabling a static tab with Angular UI Bootstrap?

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