javascript - ng-required, ¿cómo usarlo entre entradas?
Creé un formulario con dos campos de entrada repetidos para X elementos. Cada elemento es obligatorio solo si ponemos algo en el otro:
Mi.HTML
<form ng-submit="validate();">
<div ng-reapet="elem in Myelements">
<label>{{elem.name}}</label>
<div>
New Value : <input name="value" ng-required="reason.$valid" ng-model="elem.value" />
</div>
<div>
Why : <textarea name="reason" ng-required="value.$valid" ng-model="elem.reason"/>
</div>
</div>
<input type="submit" value="Submit" />
</form>
Esto no funciona como se esperaba. ¿Cómo hago para que funcione correctamente?
EDITAR La solución correcta para mí (la respuesta aceptada me ayudó)
<form ng-submit="validate();">
<div ng-reapet="elem in Myelements">
<label>{{elem.name}}</label>
<div>
New Value : <input name="value" ng-required="elem.reason" ng-model="elem.value" />
</div>
<div>
Why : <textarea name="reason" ng-required="elem.value" ng-model="elem.reason"/>
</div>
</div>
<input type="submit" value="Submit" />
</form>
Respuesta #1
Simplemente gira en función del valor de las otras entradas
<form ng-submit="validate();">
<div ng-reapet="elem in Myelements">
<label>{{elem.name}}</label>
<div>
New Value : <input name="value" ng-required="elem.reason !== ''" ng-model="elem.value" />
</div>
<div>
Why : <textarea name="reason" ng-required="elem.value !== ''" ng-model="elem.reason"/>
</div>
</div>
<input type="submit" value="Submit" />
</form>
