typescript - Irgendwie möglich, das Kontrollkästchen je nach eingehendem Wert zu überprüfen oder nicht? Angular

Wenn die Daten direkt ankommen, wird die Tabelle ausgefüllt, und ich kann Ihnen nicht sagen, dass wenn "A" ankommt, es überprüft wird und wenn "D" ankommt, nicht.

 re(ref: getrefactormodel, contador:number){
      let datos= this.fb.group({
           word_to_rename: [ref.word_to_rename, Validators.required],
           renowned_word: [ref.renowned_word, Validators.required],
           name:[ref.name, Validators.required],
           id:[ref.id, Validators.required],
           activecheck:[ref.activecheck, Validators.required]
         });
       this.refactorFormGroupItemsArray.insert(contador,datos);
   }

Als ob es eine Möglichkeit gäbe, die Eingabe so einzugeben, dass überprüft wird, ob der Wert A ist, und wenn er D ist, nicht.

<input  type="checkbox"  formControlName="activecheck" value="D" />

Antwort #1

Checkbox ist ein Wahr/Falsch-Wert, selbst wenn Sie ihn als Zeichenkette festgelegt haben, wird der Wert beim erneuten Ändern entweder falsch oder wahr sein.

 re(ref: getrefactormodel, contador:number){
      let datos= this.fb.group({
           word_to_rename: [ref.word_to_rename, Validators.required],
           renowned_word: [ref.renowned_word, Validators.required],
           name:[ref.name, Validators.required],
           id:[ref.id, Validators.required],
           activecheck:[ref.activecheck == 'D' ? true : false , Validators.required]
         });
       this.refactorFormGroupItemsArray.insert(contador,datos);
   }

Demo 🚀

Einige Angular-Komponentenbibliotheken haben Komponenten wie Checkbox, die sich so verhalten, wie Sie es möchten. Ich habe PrimeNG verwendet, schauen Sie sich ihre Komponenten hier an.

Antwort #2

Sie können den [checked]-Operator verwenden, der einen Booleschen Wert akzeptiert. Versuchen Sie so etwas wie;

<input type="checkbox" [checked]="activecheck == 'A'">