Disable selectbox options using Angularstrap

Question

I am using angular strap select box. But, I want to disable all the options of the selectbox, how do I achieve this?

$scope.itemsPerPageList = ['All','10','20','30','40'];

<select class="span2" 
     ng-init="itemsPerPage = itemsPerPageList[0]" 
     ng-model="itemsPerPage" ng-change="changePager()" 
     ng-options="obj as obj for obj in itemsPerPageList" 
     data-style="btn-primary" bs-select>
</select>

I tried using ng-disabled=true, but no luck.

Vianney Dupoy de Guitard · Accepted Answer · 2015-02-09 09:30:48Z

1

It seems you are using AngularStrap v1.x, which is outdated and not supported anymore. In AngularStrap v2.x, select is done this way:

<button type="button" class="btn btn-default"
    ng-model="selectedIcon"
    data-html="1"
    ng-options="icon.value as icon.label for icon in icons"
    bs-select>
  Action <span class="caret"></span>
</button>

And ng-disabled=true works with it. Take a look at the doc.

answered Feb 9, 2015 at 9:30

Vianney Dupoy de Guitard

2,2641 gold badge15 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

Disable selectbox options using Angularstrap

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