How to enable dropdowns while checkbox checked using Angular

Question

Have datatable and table contains two dropdowns(disabled mode) for every columns. While checkbox checked need to enable dropdowns. Im able to enable only dropdown, second dropdown box not enabled. Tried below code, could you please help me how to enable dropdowns,

<td><input [(ngModel)]="person.check" [checked]="isChecked" type="checkbox" class="checkboxCls"></td>

<td>
     <select [disabled]="!person.check?true:null" [(ngModel)]="person.test2">
                <option value=""></option>
                <option value="test1">test1</option>
                <option value="test2">test2</option>
     </select>
 </td>

Working Demo

Rajasekhar · Accepted Answer · 2021-06-01 10:54:12Z

1

Rearrange the columns in dtOptions is working fine.

this.dtOptions = {
          processing: true,
          destroy: true,
          columns: [
            { name: "" },
            { data: "index" },
            { title: "Dropdown" },
            { title: "Dropdown2" },
            { data: "firstname" },
            { data: "lastname" }
      ]
  };

answered Jun 1, 2021 at 10:54

Rajasekhar

2,4753 gold badges29 silver badges50 bronze badges

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

1 Comment

Swarnalatha Over a year ago

Yeah got it, I rearranged as per the above, working fine now.

tmsbrndz · Accepted Answer · 2021-06-01 10:49:30Z

0

I don't know what is that DataTableDirective but if you remove your dtOptions from table, your code works like the expected behavior. So you need to fix dtOptions columns I guess.

edited Jun 1, 2021 at 10:49

answered Jun 1, 2021 at 10:42

tmsbrndz

1,3472 gold badges9 silver badges23 bronze badges

Comments

andhrew_ · Accepted Answer · 2021-06-01 10:55:05Z

0

[disabled]="!person.checked"

This should work fine

answered Jun 1, 2021 at 10:55

andhrew_

953 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to enable dropdowns while checkbox checked using Angular

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related