ionic中input框禁止输入问题

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

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

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; 
}　　//这里是点击编辑按钮后执行的函数，允许编辑；

巴特西

ionic中input框禁止输入问题

最新文章

热门文章