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

Enable and Disable input field in ionic

本文关键字:输入 字段 ionic 启用      更新时间:2023-09-26

>我有一个输入字段
<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>

我希望输入字段

处于禁用状态,并且只有在单击此图标时,我才要启用输入字段。

如何在离子框架中实现这一目标?

你可以有:

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