Rufen Sie die Wertmethode des standardmäßig ausgewählten Optionsfelds in AngularJS ab (ausführliches Tutorial).

Jetzt werde ich Ihnen eine AngularJS-Methode vorstellen, um den Wert des standardmäßig ausgewählten Optionsfelds zu ermitteln. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

Auf der HTML-Seite gibt es drei Optionsfelder. Die zweite Option „Wichtig“ ist standardmäßig ausgewählt, um diese Option standardmäßig auszuwählen, aber beim Absenden des Formulars Es wird angezeigt, dass sich $scope.level im undefinierten Zustand befindet. 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>

Die Seite wird zum ersten Mal geladen, Obwohl " Das Optionsfeld „Wichtig“ standardmäßig ausgewählt ist, wird auf der Seite der dem Optionsfeld „Wichtig“ entsprechende Wert nicht angezeigt.

Klicken Sie auf die Schaltfläche „Notfall“ und der Wert des Optionsfelds „Notfall“ wird angezeigt Die Schaltfläche „ 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" der Standardwert ist Ausgewählter Wert wird 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:

Das Obige ist, was ich für alle zusammengestellt habe . Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Beispielcode einer von Vue implementierten baumförmigen Schüssel

Tastaturinteraktion des Einführungs-Tutorials zu p5.js

Zusammenfassung der VUE-Schlüsselthemen

Das obige ist der detaillierte Inhalt vonRufen Sie die Wertmethode des standardmäßig ausgewählten Optionsfelds in AngularJS ab (ausführliches Tutorial).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!