2017-03-16 2 views
0

Ich versuche, zwei Tasten zu erstellen, wobei beide Tasten beim erstmaligen Laden nicht ausgewählt sind. Wenn ich auf den ersten Button klicke, wird dieser ausgewählt und ich bewerbe mich dafür. Beim ersten Laden unterscheidet sich die unter den Schaltflächen angezeigte Nachricht von der Nachricht, die nach dem Klicken auf die Schaltfläche angezeigt wird. Ich habe die Logik versucht, die Farbänderungen beim Umschalten anzuwenden, aber wie deaktiviere ich beide Schaltflächen beim erstmaligen Laden und ändere die Nachricht entsprechend.Wie man zwischen zwei Tasten umschaltet und die Farbe mit Winkel ändert

+0

wollen http://plnkr.co/edit/vo8tdROK9YafkS0FHdjy?p=preview – kate

Antwort

0

Ich denke, es gibt einige Probleme mit Ihrem Code:

  • wirklich in Betracht ziehen, wenn mit boolVariable, versuchen boolVariable = false.
  • Bedingter Operator (bool? Return1: return2) wird verwendet, um den Wert zurückzugeben, keine Logik zuzuweisen oder anzuwenden.
  • Ich bin mir nicht sicher, ob es eine Syntax wie diese gibt ng-class = "{true: 'grün', false: 'blau'} [! YupNope.isSelected]" (vielleicht bin ich nicht neu Syntax).

Hier ist das modifizierte Beispiel, versuchen Sie bitte, ob es das, was Sie

plnkr.co/edit/yvMgUaPN8NPgSYYiXAhI?p=preview 
+0

Vielen Dank Phong. Ich frage mich, wie ich die Nachricht im Span-Tag ändern kann. Beim ersten Laden muss ich eine Meldung "Bitte wählen Sie eine der Optionen" aus. Sobald ich die Option ausgewählt habe, sollte die Nachricht durch "Danke für die Auswahl" ersetzt werden. Ich habe die plnkr aktualisiert http://plnkr.co/edit/szZwIfoCc04Iwpv59cNz?p=preview – kate

+0

Hallo Kate, versuchen Sie dies: http://plnkr.co/edit/LlTjhW48FQnwsRr3M69V?p=preview –

Verwandte Themen