您的位置:首页 > 其它

ionic中input框禁止输入问题

2015-09-14 09:54 162 查看
其实这个问题在之后沥青思路之后觉得还是挺好实现的,没有思路的时候真是找不到头绪~

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

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

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

input name="categoryName" ng-model="createNewCategory.name" type="text" ng-disabled="!allowEdit" placeholder="{{'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;
}  //这里是点击编辑按钮后执行的函数,允许编辑;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: