Radioknopf Bootstrap 4 und Angular 4

Ich habe einen Radiobutton mit Bootstrap 4, und es funktioniert gut, weniger, als wenn ich ein setzen, ist es nicht überprüft bleiben:Radioknopf Bootstrap 4 und Angular 4

Ich habe es in einer Anwendung mit kantigem 4 und ich weiß nicht, ob ich es mit einem Attribut machen muss oder welche Syntax ich verwenden soll.

Jemand kann mir helfen, mir fehlte die Tasten

Nur um zu überprüfen, um den Bildschirm zu starten sind alle deaktiviert.

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-primary active"> 
    <input type="radio" name="options" id="option1" [value]="HOY" [(ngModel)]="sinImputarValue" (click)="sinImputarHoy();"> SIN IMPUTAR HOY 
    </label> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option2" [value]="SEMANA" [(ngModel)]="sinImputarValue" (click)="sinImputarSemana();"> SIN IMPUTAR ESTA SEMANA 
    </label> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option3" [value]="MES" [(ngModel)]="sinImputarValue" (click)="sinImputarMes();"> SIN IMPUTAR ESTE MES 
    </label> 
</div> 


    sinImputarHoy(){ 
    console.debug("sinImputarHoy"); 
    this.limpiarFiltroManual(); 
    this.sinImputarValue = 'HOY'; 
} 

sinImputarSemana(){ 
    console.debug("sinImputarSemana"); 
    this.limpiarFiltroManual(); 
    this.sinImputarValue = 'SEMANA'; 
} 

sinImputarMes(){ 
    console.debug("sinImputarMes"); 
    this.limpiarFiltroManual(); 
    this.sinImputarValue = 'MES'; 
}

Quelle

2017-11-30 jose luis garcia cespedes

was ist das, was wollen Sie? Speichern auf Variable überprüft oder was? Sie erkennen den Klick und es geht Ihnen gut. was ist deine Frage? –

Verwenden Sie bitte (ngModel) für alle Eingangsradios; Bitte lesen Sie dies: https://StackOverflow.com/Questions/43780840/angular-4-default-radiobutton-checked-by-default – Danish

Dänisch ... Aktualisieren Sie meinen Code (siehe meine Frage noch einmal) mit dem, was Sie in den Link, den du mir gegeben hast, aber lass mich immer noch nicht die Option auswählen, die ich gewählt habe. Vielen Dank. –

Bitte benutzen Sie Blick auf den Code unten

<label>This rule is true if:</label> 
<label class="form-check-inline"> 
    <input class="form-check-input" type="radio" name="mode" [value]="true" [(ngModel)]="rule.mode"> 
</label> 
<label class="form-check-inline"> 
    <input class="form-check-input" type="radio" name="mode" [value]="false" [(ngModel)]="rule.mode"> 
</label>

Angular 4 default radioButton Checked by Default

Quelle

2017-11-30 12:47:59 Danish

Wie ich im obigen Kommentar angegeben habe, habe ich in meinem Beispiel angewendet, was Sie in diesen Link eingefügt haben, und es funktioniert immer noch nicht. Schöne Grüße. –

[Wert] = "HOY" [Wert] = "SEMANA" ... ist nicht korrekt? – Danish

Aber ich bin nicht wert mit wahr oder falsch, sie sind drei Werte, sie können sogar mehr sein. Ich brauche eine Reihe von Knöpfen, die jeweils einzeln geprüft werden, jetzt funktioniert die Funktionalität gut, nur dass die wirklich überprüfte nicht aufleuchtet. –

Radioknopf Bootstrap 4 und Angular 4

Antwort

Verwandte Themen