Anglejs에서 라디오 버튼을 얻는 방법

이번에는 angularjs에서 라디오 버튼을 얻는 방법을 소개하고, Anglejs에서 라디오 버튼을 얻는 주의 사항은 무엇인지 살펴보겠습니다.

HTML 페이지에는 두 번째 "중요" 옵션이 기본적으로 선택되어 있습니다. 그러나 이 옵션을 기본적으로 선택하려면 $scope 메시지가 표시됩니다. 레벨이 undefinestate인데 기본적으로 명확하게 선택되어 있는데 왜 undefine인가요?

그래서 먼저 테스트했습니다. Html 페이지에 다음 코드를 작성합니다.

<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>

페이지를 처음 로드할 때 "중요" 라디오 버튼이 기본적으로 선택되어 있지만 페이지에는 "중요" 라디오 버튼에 해당하는 값이 표시되지 않습니다.

"긴급" 버튼을 클릭하면 "긴급" 버튼의 값이 아래에 표시됩니다.

페이지가 로드될 때 $scope.level에는 값이 할당되지 않으며 ng-checked="true"인 경우에도 기본 선택된 값이 표시되지 않습니다. js에서 설정해야 합니다: $scope.level= "Important"; 이 때 페이지를 새로 고치면 선택한 버튼의 값이 기본적으로 표시됩니다

사례를 읽으신 후 방법을 마스터하신 것 같습니다. 이번 글에서는 더 흥미로운 내용에 주목해주세요 기타 관련 글은 PHP 중국어 홈페이지에서 확인하세요! ㅋㅋㅋ

위 내용은 Anglejs에서 라디오 버튼을 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!