Динамически добавлять требуемый атрибут в поля ввода в angularjs - PullRequest
Новая
       6

Динамически добавлять требуемый атрибут в поля ввода в angularjs

0 голосов
/ 15 сентября 2018

Я не могу динамически установить обязательный атрибут для полей ввода. Обязательный атрибут моей формы должен динамически изменяться в зависимости от поля переключателя.

Вот так выглядит форма, когда переключатель установлен как требуется.присоединиться скриншот .и когда переключатель установлен как член / выпускник, форма выглядит следующим образом снимок экрана

Я не могу динамически переключать требуемый атрибут для полей ввода в соответствующих формах.

Это код для контакта и поля DOB, если отмечен новый участник 

    <label class="control-label is-imp"></label>
                                <div class="input-group">
                                    <input type="radio" ng-model="joinFormData.joinType" value="wantsToJoin">I Want to join as member
                                    <input type="radio" ng-model="joinFormData.joinType" value="alreadyMember">I am a member/alumnus
                                </div>
                            </div>

                            <div class="form-group no-pad-left" ng-if="joinFormData.joinType == 'wantsToJoin'">
                                <div class="nss-only" ng-if="clubType == 'NSS'">
                                    <div class="form-group col-md-12 no-pad-left no-pad-right">
                                        <div class="col-md-6 no-pad-left">
                                            <label class="control-label is-imp">Contact:</label> 
                                            <input
                                                type="text" class="form-control" id="body_contact"
                                                name="body_contact" ng-model="joinFormData.contact" placeholder="1234567890" ng-pattern="/^[0-9]{10}$/" ng-minlength="10" ng-maxlength="10" integer [ng-required]="joinFormData.joinType == 'wantsToJoin'">
                                            <span ng-show="joinForm.body_contact.$error.$invalid || joinForm.body_contact.$error.pattern"><span class = "red-color">Enter a valid number!</span></span>
                                        </div>

                                        <div class="col-md-6 no-pad-right">
                                            <label class="control-label is-imp">DOB:</label> 
                                            <input
                                                type="date" class="form-control" id="body_dob"
                                                name="body_dob" ng-model="joinFormData.dob"
                                                required ng-maxlength="100" required>
                                            <span ng-show="joinForm.body_dob.$error.required && joinForm.body_dob.$touched"><span class="red-color">Required!</span></span>
                                        </div>
                                    </div> </div> </div>

Это код для поля выбора типа, если отмечен элемент / выпускник 

<div class="form-group col-md-12 no-pad-left no-pad-right">
                                <div class="col-md-6 no-pad-left" ng-if="joinFormData.joinType == 'alreadyMember'">
                                    <label class="control-label is-imp">I am already a member/alumnus:</label>
                                    <div class="input-group">
                                        <select ng-model="joinFormData.memberType"
                                            class="form-control selectpicker" [required]="joinFormData.joinType == 'alreadyMember'" name="body_type">
                                            <option value="" selected disabled>Select Type</option>
                                            <option value="member">Member</option>
                                            <option value="alumni">Alumni</option>
                                        </select>
                                        <!-- <span ng-if="!joinForm.body_type.$valid && joinForm.body_type.$touched"><span class="red-color">Required!</span></span> -->
                                    </div>
                                </div></div>

Я пытался использовать[required] = "joinFormData.joinType =='readyMember '", но это не сработало.

Пожалуйста, помогите мне.Я не могу понять ошибку, поскольку я новичок в угловых

...