前端新增数据时,按钮控制
<form name="create" class="form-horizontal">
<div class="box-header with-border">
<h4 class="modal-title">
<span ng-if="!vm.data.id">新增缓存设置信息</span>
<span ng-if="vm.data.id">修改缓存设置信息</span>
</h4>
</div>
在form标签上添加了name 属性,之后在保存按钮的上面也要添加与之对应的属性来进行控制
<button type="submit" class="btn btn-primary blue" ng-click="vm.save()" ng-disabled="create.$invalid"
button-busy="vm.saving" busy-text="正在保存...">
<i class="fa fa-save"></i> <span>@L("Save")</span>
</button>
最后页面效果:
这里我在缓存分钟数设置了一个最大和最小的范围,如果输入的数字不符合的话,保存按钮会失效,这就是前端第一步控制保存的数据