How to prevent users from selecting certain options using angular's ng-options

Question

As per the Angular documentation

I tried to implement this piece of code:

<select ng-model="model" ng-options="item.CODE as item.NAME disable when item.DISABLE for item in list" id="foo" name="foo" ng-change="change()">

However, it resulted in the following error:

Syntax Error: Token 'disable' is an unexpected token at column 11 of the expression [{3}] starting at [{4}].

Can someone help me understand what I'm doing wrong?

Answer 1

Answer №1

It appears that you are using the incorrect syntax. When disabling with an array, there are only two available syntax options.

Specify disable when the value in the array is disabled
Specify disable when the value in the array is disabled and track it by a specified expression

Here is an example to try out:

<select ng-model="model" ng-options="item.CODE disable when item.DISABLE for item in list track by item.ID" id="foo" name="foo" ng-change="change()">

Answer 2

It appears that you are using the incorrect syntax. When disabling with an array, there are only two available syntax options.

Specify disable when the value in the array is disabled
Specify disable when the value in the array is disabled and track it by a specified expression

Here is an example to try out:

<select ng-model="model" ng-options="item.CODE disable when item.DISABLE for item in list track by item.ID" id="foo" name="foo" ng-change="change()">

Answer 3

Consider upgrading the angular.js version to access this feature. It was introduced in versions 1.4.X and later.

Answer 4

Consider upgrading the angular.js version to access this feature. It was introduced in versions 1.4.X and later.