Ankreuzfeld remove [geprüft] Winkel 2

Question

HTML

<div class="noteCheckBox"> 
    <input type="checkbox" id="noteCheckBox" [checked]="checkbox" (change)="stateCheckBox()"> 
     <label for="noteCheckBox" class="noteLabel">AnyText</label> 
</div> 

Maschinenschrift

import { Component } from '@angular/core'; 
import { CookieService } from '../../services/cookie/cookie.service'; 

@Component({ 
    selector: 'pagCheckBox', 
    templateUrl: './app/html/pagCheckBox.component.html', 
    styleUrls: ['app/css/pagCheckBox.component.css'] 
}) 

export class PagCheckBox { 

    constructor(private cookieService: CookieService) {} 

    ngOnInit() { 
     this.checkbox = this.cookieService.getCookie('checkbox'); 
    } 

    stateCheckBox(event) { 
     let state = $("#noteCheckBox").prop("checked"); //true or false 
     this.checkbox = this.cookieService.setCookie('checkbox', state); 
    } 
} 

Ich habe ein CookieService, die Informationen enthalten (von Cookie-Browser) über Zustandskontrollkästchen (true oder false) .

Wenn (checkbox == true) dann müssen Sie hinzufügen checked in Html sonst zu entfernen.

Ich habe versucht, [checked]="checkbox" und Kontrollkästchen dynamische Änderungen (true oder false) und attr aus oder auf, aber schlecht.

Answer 1

• auf Attribute anstelle von Eigenschaften [attr.fooAttr]
• verwenden zu binden Attribute assign null entfernt zu bekommen (false wird ein Attribut mit dem Wert "false" hinzufügen, aber das Attribut nicht entfernen, während mit null Angular es aus dem DOM entfernt.

[attr.checked]="checkbox ? true : null"