Как сделать флажок отключенным при условии в угловом?

Question

ранее я использовал логическое свойство, чтобы отключить флажок.

вот что я пробовал до сих пор.

app.component.ts
---------------
 ReadOnly: boolean;

  ngOnInit() {
    this.ReadOnly = true;
  }

app.component.htmt
------------------
<input type="checkbox" [disabled]="ReadOnly">

{ 
         "id":1,
         "category":"cc",
         "sortOrder":"1",
         "active":"Y",
         "Products":[ 
            { 
               "id":100,
               "backEndName":"DDA",
               "sortOrder":"1",
               "active":"N"
            }
         ]
      }

Теперь мне нужно использовать активное условие, отключить поле. как я могу сделать то же самое?

Answer 1

Попробуй так:

<input type="checkbox" [disabled]="item.active == 'N'">

Answer 2

import {Renderer2} from '@angular/core';


constructor( public  htmlManipulator: Renderer2) {}

    radioButton(e) {
    if (e.target.checked) {
      this.htmlManipulator.setProperty(this.emilId.nativeElement, 'disabled', null);
    } else {
      this.htmlManipulator.setProperty(this.emilId.nativeElement, 'disabled', ' ');
      console.log('phone click');
    }

  }


    <input type="radio" value="email" name="group2" (change)="radioButton($event)">Email Id