Tenho uma lista de campos radium buttons e preciso controlar pelo angular: Validações: uma opção por vez e exibir mensagem.
Codigo:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div>
<label>1. As imagens estão legíveis?</label><br class="clear">
<div class="btn-option">
<input class="bt-yes" type="radio" id="legivelsim" name="legivelsim" value="true" ng-model="checklist.passo" ng-click="adicionar(checklist.passo)">
<label class="bt-yes" for="legivelsim">SIM</label>
</div>
<div class="btn-option">
<input class="bt-no" type="radio" id="legivelnao" name="legivelnao" value="false" ng-model="checklist.passo" ng-click="adicionar(checklist.passo)">
<label class="bt-no" for="legivelnao">NÃO</label>
</div>
</div>
<div>
<label>2. Documento de Identificação está na <a>Política de Documentos</a> ?</label><br class="clear">
<div class="btn-option">
<input class="bt-yes" type="radio" id="docsim" name="docsim" value="true" ng-model="checklist.passo" ng-click="adicionar(checklist.passo)">
<label class="bt-yes" for="bt2">SIM</label>
</div>
<div class="btn-option">
<input class="bt-no" type="radio" id="docnao" name="docnao" value="false" ng-model="checklist.passo" ng-click="adicionar(checklist.passo)">
<label class="bt-no" for="btn2">NÃO</label>
</div>
</div>
<div>
<label>3. Documento de Identificação está dentro do prazo de validade? Dúvida na análise documental? <a>Clique Aqui.</a></label><br class="clear">
<div class="btn-option">
<input class="bt-yes" type="radio" id="validadesim" name="validadesim" value="true" ng-model="checklist.passo" ng-click="adicionar(checklist.passo)">
<label class="bt-yes" for="bt3">SIM</label>
</div>
<div class="btn-option">
<input class="bt-no" type="radio" id="validadenao" name="validadenao" value="false" ng-model="checklist.passo" ng-click="adicionar(checklist.passo)">
<label class="bt-no" for="btn3">NÃO</label>
</div>
</div>
</body>
</html>