在单击按钮的条件下切换“ ng-hide”属性

Question

<input ng-model="email" type="text" class="marginHalf" ng-hide="email==''" readonly>

在编辑按钮上单击时，显示此内容，以便用户可以添加电子邮件。

Answer 1

您需要在控制器中具有一个标志，以在单击编辑按钮时打开和关闭。

$scope.editMode = false;
$scope.onEditButtonClick = function(){
    $scope.editMode = true;
}

然后，您使用检查此变量的条件，但我建议使用ng-if代替。

<input ng-model="email" type="text" class="marginHalf" ng-if="editMode" readonly>

Here是ng-if和ng-show / ng-hide之间的区别。