javascript - $ionicPopover is not working after clicking -


i using $ionicpopover pop on custom layout in application. using same method, works other application. however, time. when click on button, suppose have pop out layout in application. however, not show anything. following code.

html code

<ion-view hide-nav-bar="true">   <ion-content>     <br>     <br>     <br>     <div class="list list-inset top100">         <center><img src="img/logo.png" class="logo" /></center>         <h2><center>asset management</center></h2>      <div class="list list-inset">         <label class="item item-input login-input">             <span class="input-label">username</span>             <input type="text" placeholder="please enter username" ng-model="username">         </label>             <label class="item item-input">               <span class="input-label">password</span>               <input type="password" placeholder="password" ng-model="password">      </label>     </div>         <button class="button button-block button-positive" ng-click="login(username, password)" type="submit">login</button>       <button class="button button-block button-positive" ng-click="openpopover($event)">open popover</button>       </div>   </ion-content> </ion-view> 

controller code.

.controller('loginctrl',['$scope', '$rootscope', '$state', 'authservice', '$http', '$base64','$ionicloading',  'webservices', '$ionicpopover',     function($scope, $rootscope, $state, authservice, $http, $base64, $ionicloading, webservices, $ionicpopover){    var template = '<ion-popover-view><ion-header-bar> <h1 class="title">my popover title</h1> </ion-header-bar> <ion-content> hello! </ion-content></ion-popover-view>';    $ionicpopover.fromtemplateurl(template, {     scope: $scope   }).then(function(popover) {     alert("then");     $scope.popover = popover;   });     $scope.openpopover = function($event) {     alert(json.stringify($event));     $scope.popover.show($event);   };   $scope.closepopover = function() {     $scope.popover.hide();   };    $scope.$on('$destroy', function() {     $scope.popover.remove();   });      $scope.login = function(username, password){            if(username== "" || password== "" || username === undefined || password === undefined){             alert("please enter username or password");           }else{              var networkstate = navigator.connection.type;              var states = {};              states[connection.unknown]  = 'unknown connection';              states[connection.ethernet] = 'ethernet connection';              states[connection.wifi]     = 'wifi connection';              states[connection.cell_2g]  = 'cell 2g connection';              states[connection.cell_3g]  = 'cell 3g connection';              states[connection.cell_4g]  = 'cell 4g connection';              states[connection.cell]     = 'cell generic connection';              states[connection.none]     = 'no network connection';               if(states[networkstate] == 'wifi connection'){                  $ionicloading.show({                       template: '<ion-spinner></ion-spinner><p>please wait moment</p>',                       animation: 'fade-in',                   });                   webservices.validatelogin(username, password).then(function(response){                         if(response == null){                             alert("invalid password");                             $ionicloading.hide();                         }else{                             $rootscope.displayname = response.displayname;                             $rootscope.guid = response.guid;                             $rootscope.department = response.department;                             $rootscope.title = response.title;                             $rootscope.manager  = response.manager.loginname;                              authservice.login(response.displayname, response.guid, response.department, response.title, response.manager.loginname, response.voicetelephonenumber);                             $ionicloading.hide();                             $state.go('app.dashboard');                         }                   });               }else{                   alert("check connection");               }          }     } }]) 


Comments

Popular posts from this blog

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -