在离子中启用和禁用输入字段

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