ionic中input框禁止輸入問題
阿新 • • 發佈:2019-01-31
其實這個問題在之後瀝青思路之後覺得還是挺好實現的,沒有思路的時候真是找不到頭緒~
功能的描述為:當輸入框中沒有內容時,允許使用者編輯;當其中有內容時不允許使用者編輯,只有當用戶點選編輯按鈕後,才可允許編輯修改。
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;
} //這裡是點選編輯按鈕後執行的函式,允許編輯;