Question

11

Angular HTML Select option disable and enable

rated 0 times [ 13] [ 2] / answers: 1 / hits: 55649 / 11 Years ago, tue, september 10, 2013, 12:00:00

I have a html select option

<select>

    <option ng-repeat=field in filter.fields value={{field.id}}>{{field.name}}</option>

</select>

which I am iterating from ng-repeat , I want to disable option on basis of a filed selectable like

<select>

    <option ng-repeat=field in filter.fields {field.selectable==true?enable:disable} value={{field.id}}>{{field.name}}</option>

 </select>

How can I achieve this with angular?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

declanm

Add To Favorites

Follow

Total Points: 614

Total Questions: 105

Total Answers: 97

Location: Dominica

Member since Sat, Nov 5, 2022

2 Years ago

answered 11 Years ago jamilab · Accepted Answer

Assuming you have a structure like this:

  $scope.filter = {

    fields: [

      {id: 1, name: a, selectable: false},

      {id: 2, name: asdf, selectable: true},

      {id: 3, name: qwet, selectable: false},

      {id: 4, name: qnjew, selectable: true},

      {id: 5, name: asdjf, selectable: false}

    ]

  };

This should work for you:

  <select>

    <option ng-repeat=field in filter.fields ng-disabled=field.selectable value={{field.id}}>{{field.name}}</option>

  </select>