Heim >Web-Frontend >js-Tutorial >So erhalten Sie Optionsfelder in AngularJS
Dieses Mal werde ich Ihnen die Methode zum Erhalten des Radio-Buttons in AngularJS und die Aufmerksamkeit zum Erhalten des Radio-Buttons vorstellen in anglejs Was sind die Dinge ? Unten sind praktische Fälle.
Auf der HTML-Seite gibt es standardmäßig drei Optionsfelder. Legen Sie ng-checked="true" fest, um diese Option standardmäßig auszuwählen Level ist undefiniertStatus Warum ist es undefiniert, wenn es standardmäßig eindeutig ausgewählt ist?
Also habe ich es zuerst getestet: Schreiben Sie den folgenden Code auf die HTML-Seite:
<span style="font-size:18px;"><p ng-controller="testCtrl"> <p > <label > <input type="radio" value="Normal" ng-model="level" name="level" >一般 </label> <label > <input type="radio" value="Important" ng-model="level" name="level" ng-checked="true" >重要 </label> <label > <input type="radio" value="Urgent" ng-model="level" name="level" >紧急 </label> </p> <p> {{ level }}</p> //显示单选按钮选中的value </p></span>
Wenn die Seite zum ersten Mal geladen wird, wird auf der Seite nicht der Wert angezeigt, der dem Optionsfeld „Wichtig“ entspricht, obwohl das Optionsfeld „Wichtig“ standardmäßig ausgewählt ist,
Klicken Sie auf die Schaltfläche „Notfall“. Der Wert der Schaltfläche „Notfall“ wird unten angezeigt,
Es stellt sich heraus, dass $scope.level beim Laden der Seite kein Wert zugewiesen wird und keinen Anfangswert hat. Auch wenn ng-checked="true" ist, wird der standardmäßig ausgewählte Wert nicht angezeigt! Muss in js festgelegt werden: $scope.level= „Important“; Aktualisieren Sie zu diesem Zeitpunkt die Seite und der Wert der ausgewählten Schaltfläche wird standardmäßig angezeigt
Ich glaube Ihnen Nachdem ich den Fall in diesem Artikel gelesen habe, habe ich die Methode gemeistert. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Wie man zeilenweise liest Zeile in Lesezeile Holen Sie sich den Inhalt und schreiben Sie ihn
vue ermittelt, ob der Eingabeinhalt Leerzeichen enthält
Das obige ist der detaillierte Inhalt vonSo erhalten Sie Optionsfelder in AngularJS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!