Não está funcionando ao clicar para editar, nem a palavra "Editar" está aparecendo no botão.
Segue código:
<ion-view view-title="Perfil do Usuário" >
<ion-content>
<div class="list card">
<div class="item item-avatar">
<h2> {{usuarioLogado.nome}} </h2>
</div>
<div class="item item-body">
<div class="list">
<label class="item item-input">
<span ng-show="!estaEditando" class="input-label"> {{usuarioLogado.dataNascimento}} </span>
<input ng-show="estaEditando" type="text" ng-model="usuarioLogado.dataNascimento" >
</label>
<label class="item item-input">
<span ng-show="!estaEditando" class="input-label"> {{usuarioLogado.telefone| brPhoneNumber}} </span>
<input ng-show="estaEditando" type="text" ng-model="usuarioLogado.telefone" >
</label>
<label class="item item-input">
<span ng-show="!estaEditando" class="input-label"> {{usuarioLogado.email}} </span>
<input ng-show="estaEditando" type="text" ng-model="usuarioLogado.email">
</label>
<a ng-click="acaoBotao()" class="button button-full button-positive"> {{textoBotao}} </a>
</div>
</div>
</div>
</ion-content>
</ion-view>
angular.module('starter').controller('PerfilController', function ($scope, $rootScope) {
$scope.estaEditando = false;
$scope.textoBotao = 'Editar';
$scope.usuarioLogado = $rootScope.usuario;
$scope.acaoBotao = function () {
if ($scope.estaEditando) {
$scope.estaEditando = false;
$scope.textoBotao = 'Gravar';
} else {
$scope.estaEditando = true;
$scope.textoBotao = 'Editar';
}
};
});