Optionsfeld standardmäßig aktiviert, wenn ng-repeat verwendet wird

8

Ich wollte eine Optionsschaltfläche aus einer Liste von Optionsfeldern auswählen, die ich mit ng-repeat auf dem Bildschirm präsentiere, aber mein Code funktioniert nicht. Das mache ich:

%Vor%

Die Absicht des Codes ist es, den ersten Radio-Button zu aktivieren, und den anderen zu deaktivieren. Dieser Code hat ein Problem: Es funktioniert nicht. Aber zumindest gibt es die Idee von dem, was ich versuche zu tun: Ich möchte, dass eines der Optionsfelder standardmäßig markiert wird, egal, welches das ist.

    
Jadiel de Armas 09.04.2015, 13:14
quelle

4 Antworten

14

Mit der Optionsschaltfläche wird überprüft, ob der Wert des Eingabeattributs dem Wert von modal entspricht, der auf das Optionsfeld angewendet wurde.

%Vor%

Checked="checked" funktioniert nicht im eckigen Kontext. Sie können den Wert des Optionsfelds entweder explizit im Controller festlegen oder Sie können es in der Ansicht selbst verwalten, wie ich es im obigen Beispiel getan habe. Das modal sollte jedoch entsprechend dem value-Attribut im inputput-Element gleichgesetzt werden.

Zum Beispiel, wenn modal x auf drei Optionsfeldern ist und jedes Optionsfeld unterschiedliche Werte wie a, b und c hat. dann muss x gleich einem der zu überprüfenden Werte sein.

Plunker

    
squiroid 09.04.2015, 13:22
quelle
5

Sie müssen sich keine Gedanken über die Überprüfung machen.

HTML:

%Vor%

JavaScript:

%Vor%

Arbeitsgeige hier: Ссылка

    
bm1729 09.04.2015 13:30
quelle
1

Sie brauchen checked="checked" nicht, ich denke, angular wird sich selbst darum kümmern, wenn Sie das Modell auf einen der Werte setzen. Etwas wie:

%Vor%

Auch der Bereich kann Sie hier stolpern, das Modell muss möglicherweise $parent.club.role

sein     
Victor 09.04.2015 13:22
quelle
1

Wenn Sie einen primitiven Typ in Liste verwenden, ist die Antwort von bm1729 korrekt, aber wenn Sie Objekte in der Liste verwenden, schauen Sie sich dieses Beispiel an: Ссылка

Der erste Teil ist schlecht, weil das ausgewählte Objekt mit einem Listenelement gleich aussieht, aber nicht durch Referenz. Der == Operator ist in diesem Fall falsch

%Vor%

aber das zweite und dritte Beispiel verwenden die Listenelementreferenz und das Optionsfeld aktiviert. Der Operator == ist in diesem Fall wahr

%Vor%     
sarkiroka 29.06.2016 10:11
quelle

Tags und Links