启用和禁用离子输入字段

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;
}