[英]How to change side menu in ionic for a loggedin user
我希望在用戶登錄時更改側邊菜單的內容。
示例1 - 未登錄的用戶 :
當用戶未登錄時顯示此側面菜單。
示例2 - 用戶已登錄 :
如您所見,還有一些額外的菜單項。 這些僅在用戶登錄時顯示。
在我的控制器中:
$http.get('http://127.0.0.1:8080/elodieService/consommateurs/'+$localStorage.idconsommateur, { params: { "idconsommateur":$localStorage.idconsommateur, fields: "nom,prenom",format:"json"} }).then(function(result) {
console.log(JSON.stringify(result.data));
$scope.prenomconsommateurConnect=result.data.prenom;
在視圖中:
<ion-header-bar class="bar-stable" >
<h1 class="title" ng-hide="!prenomconsommateurConnect" ng-controller="accueilController">Bonjour Hello {{prenomconsommateurConnect}}</h1>
<h1 class="title" ng-hide="prenomconsommateurConnect" ng-controller="accueilController">Bonjour Hello link</h1>
</ion-header-bar>
但我發現總是這個結果“bonjour hello link”我該怎么辦?
我能做什么? 我應該使用ng-if
, ng-show
還是ng-hide
? 或者是否有其他/更好的解決方案?
任何幫助表示贊賞。
你可以把ng-if OR ng-show和ng-hide ..我用過ng-if ..!
在菜單控制器中:
.controller('AppCtrl', function($scope, $ionicModal, $timeout,$ionicSideMenuDelegate,$http) {
$http.get('http://127.0.0.1:8080/elodieService/consommateurs/'+$localStorage.idconsommateur, {
params: { "idconsommateur":$localStorage.idconsommateur, fields: "nom,prenom",format:"json"} })
.then(function(result) {
console.log(JSON.stringify(result.data));
if(result.data.prenom) {
$scope.prenomconsommateurConnect = result.data.prenom;
}else{
$scope.prenomconsommateurConnect = "";
}
});
$scope.$watch(function () {
return $ionicSideMenuDelegate.getOpenRatio();
}, function (value) {
console.log("value " + value);
$scope.getMenuProfile();
});
$scope.getMenuProfile = function () {
if($scope.prenomconsommateurConnect === "" ){
$scope.isLogin =false ;
}else{
$scope.isLogin =true ;
}
};
}
menu.html
<ion-header-bar class="bar-stable">
<h1 ng-if="!isLogin" class="title">Login plz</h1>
<h1 ng-if="isLogin" class="title">U are Login</h1>
</ion-header-bar>
希望這能幫助你。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.