啥都不说直接上代码:
html代码:
<form>
<table class="layui-table">
<thead>
<tr>
<th class="text-center">入参Key</th>
<th class="text-center">参数名称</th>
<th class="text-center">参数位置</th>
<th class="text-center">操作</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="(index, item) in data.parameters">
<td class="text-center">
<input type="text" id="parameterKey{{index}}" name="parameterKey{{index}}" ng-model="item.parameterKey" lay-verify="required" class="layui-input" ng-required="true">
</td>
<td class="text-center">
<input type="text" id="parameterName{{index}}" name="parameterName{{index}}" ng-model="item.parameterName" lay-verify="required" class="layui-input" ng-required="true">
</td>
<td class="text-center">
<select id="paramPlace{{index}}" name="paramPlace{{index}}" class="layui-select" ng-model="item.parameterLocal" style="width:100%" ng-required="true">
<option value="">--请选择--</option>
<option ng-repeat="paramPlace in data.paramPlace" ng-bind="paramPlace" value="{{paramPlace}}"></option>
</select>
</td>
<td class="text-center"><a href="javascript:;" title="删除" ng-click="removeTr(arrangeInfo.arrangeDetails[data.index].parameters,index)"><i class="layui-icon"></i></a></td>
</tr>
</tbody>
</table>
<div class="layui-form-item text-center" style="margin-top: 15px">
<button type="button" class="layui-btn layui-btn-primary" style="width:100%" ng-click="addTr(arrangeInfo.arrangeDetails[data.index].parameters)">+添加</button>
</div>
</form>
js代码:
//添加列表
$scope.addTr = function(arr){
arr.push({});
// initSelect(); //默认选中<select>下拉框的第一个值。
layui.render();
}
//删除列表
$scope.removeTr = function(arr, index){
arr.splice(index,1);
layui.render();
}