Angularjs: текстовое поле требуется только от переключателя.

Question

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

<label class="radio"> 
    <input type="radio" value="createNewCollection" ng-model="selectedCollection" /> 
</label> 
<input type="text" ng-model="collectionName" placeholder="Create new Collection"/> 

Итак, collectionName требуется только в том случае, если выбрано createNewCollection.

Answer 1

angular.module('myApp', []);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<form name="form" ng-app="myApp"> 
 
    <label class="radio"> 
 
    <input type="radio" value="createNewCollection" ng-model="selectedCollection"> 
 
    </label> 
 
    <input type="text" name="input" ng-required="selectedCollection" ng-model="collectionName" placeholder="Create new Collection"> 
 
    <p ng-show="form.input.$error.required">This is required.</p> 
 
</form>

Вы должны установить атрибут этого входа ng-required на название модели ввода радио. ng-required="selectedCollection"

Read the docs here.