【发布时间】：2016-11-18 18:26:05
【问题描述】：
我正在使用单选按钮删除表中的行。我面临的错误是，它一次删除多行。让我给你看看我的桌子的图像。
众所周知，在单选按钮中，我们一次只能检查一个。 如果我单击第 3 行并将其更改为第 2 行并单击删除按钮，它也会删除两行。但是，我需要的是一次只删除一行。
让我显示 index.html 页面。
<tbody>
<tr ng-repeat="personalDetail in personalDetails">
<td>{{$index + 1}}</td>
<td>
<input type="radio" name="radio-primary" ng-model="personalDetail.isDelete" value="false" />
</td>
<td>
<input type="text" ng-model="personalDetail.fname" placeholder="" class="form-control input-md">
</td>
<td>
<input type="text" name="midleName" ng-model="personalDetail.Mname" placeholder="" class="form-control input-md">
</td>
<td>
<input type="text" name="lastName" ng-model="personalDetail.lname" placeholder="" class="form-control input-md">
</td>
<td>
<input type="text" name="mobileNumber" ng-model="personalDetail.phone" placeholder="" class="form-control input-md">
</td>
<td>
<input type="text" name="email" ng-model="personalDetail.email" placeholder="" ng-checked="false" class="form-control input-md">
</td>
<td>
<div>
<input class="form-control" type="text" datepicker-popup="dd/MM/yyyy" id='txtDate' ng-model="personalDetail.date" is-open="personalDetail.isOpen" close-text="Close" ng-click="open($event, personalDetail)" name="datefilter" value="" />
</div>
</td>
<td>
<input type="text" name="UIDNumber" ng-model="personalDetail.UID" placeholder="" class="form-control input-md">
</td>
<td>
<select type="text" name="IdType" ng-model="personalDetail.idType" placeholder="" class="form-control input-md">
<option value="">-Select--</option>
</select>
</td>
<td>
<input type="text" name="ID" ng-model="personalDetail.id" placeholder="" class="form-control input-md">
</td>
<td>
<select type="text" name="collectionPoint" ng-model="personalDetail.collectionPoint" placeholder="" class="form-control input-md">
<option value="">-Select--</option>
</select>
</td>
<td>
<input type="checkbox" name="ID" ng-model="personalDetail.Action" placeholder="" class="form-control input-md"> Disable
</td>
<td>
<textarea type="text" name="Remarks" ng-model="personalDetail.remarks" placeholder="" class="form-control input-md"></textarea>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- <div>
<button type="button" class="btn btn-primary" ng-click='addPlaceOfWork();'><span class="glyphicon glyphicon-plus"></span>Add</button>
</div> -->
</div>
<div class="preview_button" id="logoutLblPos3" ng-show="showDocuments">
<div class="col-md-11">
<button type="submit" class="btn btn-success btn-md pull-right" ng-click="saveGroup()" ng-disabled='submitEnabled'>Save</button>
<br>
<br>
</div>
</div>
<div class="form-group" id="logoutLblPos">
<div class="col-md-11">
<input type="button" class="btn btn-danger pull-right" ng-click="remove()" value="Remove">
</div>
</div>
<br>
<div class="form-group" id="logoutLblPos1">
<div class="col-md-11">
<input type="submit" ng-click="addNew()" class="btn btn-primary addnew pull-right" value="Add New">
</div>
</div>
还有我的脚本页面：
$scope.personalDetails = [
{
'fname': "",
'Mname': "",
'lname': "",
'phone': "",
'email': "",
'date': "1-11-1993",
//'isOpen': false,
'UID': "",
'idType': "",
'id': "",
'collectionPoint': "",
'Action': "",
'remarks': ""
}];
$scope.addNew = function(){
var personalDetail = {};
personalDetail.fname ='' ;
personalDetail.Mname ='';
personalDetail.lname ='';
personalDetail.phone ='';
personalDetail.email ='';
personalDetail.date ='';
personalDetail.UID ='';
personalDetail.idType ='';
personalDetail.id ='';
personalDetail.collectionPoint ='';
personalDetail.Action ='';
personalDetail.remarks ='';
$scope.personalDetails.push(personalDetail);
};
$scope.remove = function(){
var newDataList=[];
angular.forEach($scope.personalDetails,function(v){
if(!v.isDelete){
newDataList.push(v);
}
}); $scope.personalDetails=newDataList;
};
$scope.personalDetails.forEach(function(personalDetail){
personalDetail.date = new Date(personalDetail.date);
});
$scope.open = function($event, personalDetail) {
$event.preventDefault();
$event.stopPropagation();
personalDetail.isOpen = true;
};
谁能帮我解决这个问题？
【问题讨论】：
标签： html angularjs radio-button ng-repeat