programing

Angularjs 라디오 버튼

lovecodes 2023. 3. 6. 22:29
반응형

Angularjs 라디오 버튼

일부 Google 스레드에서 언급되고 있는 것은 알고 있습니다만, 무선 입력을 모델에 바인드 할 수 있는 적절한 솔루션을 찾을 수 없습니다(간단하게).

현재 HTML을 가지고 있습니다.

<input ng-model="searchByRma" type="radio" name="search-type">
<input ng-model="searchByDelivery" type="radio" name="search-type">

컨트롤러:

$scope.searchByRma      = true;
$scope.searchByDelivery = false;

이것은 (체크박스와 같이) 동작하지 않습니다...

데이터 바인딩을 잃지 않고 첫 번째 라디오 버튼의 기본값을 설정하는 방법에 대한 아이디어가 있습니까?

감사합니다!

이 두 개의 라디오 버튼에 다른 값을 가진 동일한 변수를 사용해야 한다고 생각합니다.

<input ng-model="searchBy" value="Rma" type="radio" name="search-type">
<input ng-model="searchBy" value="Delivery" type="radio" name="search-type">

그럼, 네가...searchBy사용자 입력에 따라 "Rma" 또는 "Delivery" 중 하나를 설정합니다.

모델 변수를 { }(으)로 설정하면 라디오 버튼이 기본(선택되지 않음) 상태로 재설정됩니다.물론, 이것은 토시의 대답처럼 라디오 버튼 태그가 올바르게 되어 있는 경우에만 가능합니다.

고객님의 경우:

$scope.searchBy = { };

언급URL : https://stackoverflow.com/questions/12597138/angularjs-radio-buttons

반응형