ionic中input框禁止输入问题

其实这个问题在之后沥青思路之后觉得还是挺好实现的,没有思路的时候真是找不到头绪~

功能的描述为:当输入框中没有内容时,允许用户编辑;当其中有内容时不允许用户编辑,只有当用户点击编辑按钮后,才可允许编辑修改。

1.首先要了解ng-disabled这个属性;

2.在input中加入这个属性:

input name="categoryName" ng-model="createNewCategory.name" type="text" ng-disabled="!allowEditplaceholder="{{'Input_category' | translate}}" required/>

3.在控制器controllers.js中,

var credentialId = $stateParams.credentialId; 
var credential = businessLogic.getCredentialById(credentialId);
if (credential) {
$scope.credential = credential;
$scope.allowEdit = false;
} else {
$scope.credential = {};
$scope.allowEdit = true;
}  //这里有判断是否有数据,有的话传值同时不可编辑;
$scope.switchEdit = function (createForm) {
$scope.allowEdit = true;
}  //这里是点击编辑按钮后执行的函数,允许编辑;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值