How to set ui-select to readonly mode?

angularjs ui-select
Alexander Vasilyev picture Alexander Vasilyev · Aug 12, 2015 · Viewed 14.2k times · Source

Is it possible and how to make my ui-select readonly? Of course I've tried ng-readonly="isReadOnly" where I define in my controller $scope.isReadOnly=false; And of course I want to calculate it "in runtime" according to data from server that can change the state.

Answer

Alexander Vasilyev picture Alexander Vasilyev · Aug 12, 2015

Use ng-disabled instead of ng-readonly.

<ui-select ng-disabled="isReadOnly" ...>
    ...
</ui-select>

Related questions

Clear selected option in ui-select angular

Anyone know how to clear the selected value of an ui-select box in angular? I want the functionality of select2 where you have a small x in the selectbox. Doesn't look like it's got the allow-clear method that select2 got.

Read More
Angularjs ui-select dropdown on-select function call issue

In my AngularJS project I am using normal select dropdown and making a function call using ng-change which is perfectly working fine. Now I want to migrate the same dropdown to ui-select. But on-select function call is not working, I …

Read More
Allow manually entered text in ui-select

I am using a select box from ui-select. All is working fine, but I want to allow manually entered text and do not want to restrict the user from the values available in the list. If I type in text …

Read More