Heim > Web-Frontend > js-Tutorial > Hauptteil

So erhalten Sie Optionsfelder in AngularJS

php中世界最好的语言
Freigeben: 2018-04-12 15:35:49
Original
2048 Leute haben es durchsucht

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage