如何使用Angular.js驗證輸入類型單選按鈕

Question

我需要使用Angular.js驗證我的單選按鈕字段。讓我用下面的代碼解釋。

<form name="myForm"  enctype="multipart/form-data" novalidate>
<div>
<input type="radio"  ng-model="new" value="true" ng-required="!new"> new 
<input type="radio"  ng-model="new" value="false" ng-required="!new">Old
</div> 
<input type="button" class="btn btn-success" ng-click="addData(myForm);"  value="Add" ng-show="myForm.$valid"/>
</form>

在這里，我需要當用戶沒有選擇任何單選按鈕時，添加按鈕不應該對用戶可見。我做了一些編碼，但它不會發生這種情況。請幫助我。

Answer 1

 var app = angular.module('myApp', []); app.controller('MyCtrl', ['$scope', function ($scope) { $scope.people = [{ name: "John" }, { name: "Paul" }, { name: "George" }, { name: "Ringo" }]; }]); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <form name="myForm" ng-app="myApp" ng-controller="MyCtrl"> <p>Favorite Beatle</p> <ul> <li ng-repeat="person in people"> <label>{{person.name}} <input type="radio" ng-model="$parent.name" name="name" value="{{person.name}}" required /> </label> </li> </ul> <p><tt>myForm.$invalid: {{myForm.$invalid}}</tt></p> <button ng-disabled="myForm.$invalid">Submit</button> </form>