Bom dia gente, estou com um "problema" sobre '.controller'.
Meu código esta assim:
.controller('MenuController', function($rootScope, $scope) {
$scope.usuarioLogado = $rootScope.usuario;
})
.controller('PerfilController', function($rootScope, $scope) {
$scope.estaEditando = false;
$scope.textoBotao = 'Editar';
$scope.usuarioLogado = $rootScope.usuario;
$scope.acaoBotao = function() {
if($scope.estaEditando) {
$scope.estaEditando = false;
$scope.textoBotao = 'Editar';
} else {
$scope.estaEditando = true;
$scope.textoBotao = 'Salvar';
}
}
})
O 'PerfilController' não funciona, porém se eu colocar seu conteúdo no 'MenuController' ele funciona normalmente.
Meu arquivo 'perfil.html' está assim
<ion-view view-title="Perfil do Usuário">
<ion-content>
<div clas="list card">
<div class="item item-avatar">
<h2> {{usuarioLogado.nome}} </h2>
</div>
<div class="item item-body">
<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>
<button ng-click="acaoBotao()" class="button button-full button-positive">{{textoBotao}}</button>
</div>
</div>
</ion-content>
</ion-view>
Espero que tenha sido claro. Obrigado pela atenção!