javascript - 启用和禁用 ionic 中的输入字段

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>

我希望输入字段处于禁用状态，并且只有当单击此图标时，我才想启用输入字段。

如何在 ionic 框架中实现这一点？

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