1. 程式人生 > >ionic中input框禁止輸入問題

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;
}  //這裡是點選編輯按鈕後執行的函式,允許編輯;