啟用和禁用離子輸入字段

Question

我有一個輸入字段
<input type="text" ng-model="setting.email_id" placeholder="Email Id" class="inputBox"> 。

我在此字段旁邊有一個用於編輯的圖標：
<i class="fa fa-pencil-square-o editzoom" ng-click="editEmail()"></i>

我希望輸入字段處於禁用狀態，並且僅當單擊此圖標時，我才想啟用輸入字段。

您如何在離子框架中實現這一目標？

Answer 1

你可以有：

<input type="text" ng-model="setting.email_id" placeholder="Email Id" class="inputBox" ng-disabled="!editEmail">

<i class="fa fa-pencil-square-o editzoom" ng-click="editEmail()"></i>

$scope.editEmail = false;

editEmail(){
   $scope.editEmail = true;
}