AngularJS와하게 시공 양식 - 나뿐만 아니라 SO를 통해로서,하게 시공 형태의 문서를 통해 찾아 봤는데

Question

라디오 버튼이 필요합니다,하지만 아래는 가능하면 제가 확인할 수있는 방법. 누구든지 해결책을 찾았습니까?

문제 : 한 구성하게 시공 양식 라디오 버튼의 질문에 어떻게해야합니까?

배경 : 나는 프런트 엔드에 질문을 형성하게 시공 반환하는 API가 있습니다. 예를 들어, 아래에 다시 표시 될 수 있습니다.

DB에이 두 필드가 모두 필요합니다. '블로그 URL이 무엇입니까?'라는 질문에 답을 입력하지 않으면 약간의 '필드가 필요합니다.'라는 메시지가 나타납니다. 메시지. 굉장해. 내가 그 라디오 버튼을 작성하지 않는 경우

는하지만, 나는 그런 메시지가 없습니다. '확인'을 클릭하면 양식이 멈 춥니 다.

는 는

은 어떤 생각이 어떻게 '이 양식이 필요합니다!'취득 라디오 질문이있는 메시지? 다시 말하지만, 이러한 질문은 하드 코딩되지 않으므로 HTML에 옵션을 추가하는 것만 큼 간단하지 않습니다.

---

예, 필자는 required : true를 사용해 보았습니다. 선택 항목과 잘 작동하지만 라디오 버튼으로 작동하지 않는 것 같습니다.

나는 다음과 같은 오류가 발생합니다 :

이이 라디오 버튼 옵션을 선택하지 않습니다 믿고 나를 이끌었다. 그러나이 오류를 잘못 해석하는 경우 알려 주시기 바랍니다. :)

누군가 코드 샘플을 요청했습니다. 코드베이스의 많은 코드는 독점적입니다. 그러나 나는 DB에서 돌아 오는 질문에 사용하는 템플릿 아래에 포함 시켰습니다. 내가 정말로 궁금한 점은 이전에이 문제가 발생한 사람이 있는지, 문서화 된 환경 설정 옵션이 있는지 또는 매우 간단한 해킹인지에 관한 것입니다. 그렇지 않으면 컨트롤러의 기능으로이를 감지 할 것입니다. DB를에서 돌아올

**** 모든 질문이 필요합니다!

<div ng-if="ctrl.questions"> 
 
    <form name="ctrl.form" ng-submit="ctrl.submit(ctrl.questions.model)" novalidate> 
 
     <formly-form form="ctrl.form" class="input" fields="ctrl.questions" model="ctrl.questions.model" > 
 
      <input type="submit" class="btn" id="submit" value="Confirm" /> 
 
     </formly-form> 
 
    </form> 
 
</div>

Answer 1

라디오 버튼의 required 추가 : 라디오를 선택하면

<input type="radio" name="myRadio" required ng-model="myModel" value="myValue"/> 

그런 다음 당신은 확인하기 위해 NG 장애인을 사용할 수 있습니다

<input type="button" ng-click="action()" value="Next" ng-disabled="myform.myRadio.$invalid" /> 

Answer 2

ng-required을 사용하여 채널의 유효성을 검사하십시오. 이

<div ng-app="app" ng-controller="ctrl"> 
    <form name="myForm" ng-submit="submit()" > 
     <input type="radio" ng-model="roommate" value="roommate" ng-required="!roommate"> roommate <br/> 
     <button type="submit">Submit</button> 
     </form> 
</div> 

쉽게

Demo

Answer 3

같은 eckbox은 ... 당신이 필요합니다 추가 : templateOptions의 사실. 장애인을위한 옵션도 있습니다.사이트의 예를 보면서 성가셨습니까? 이렇게하면 쉽게 찾을 수 있습니다.

{ 
    key: 'radiobutton1', 
    templateOptions: { 
     required: true, 
     label: 'Please make a selection', 
     options: [{value: 'Steak', id: 'steak'}, {value: 'Lobster', id: 'lobster'}] 
    } 
}