डिफ़ॉल्ट रूप से ionicPopover को कैसे दिखाएं

Question

डिफ़ॉल्ट रूप से ionicPopover कैसे दिखाएं, क्लिक या कोई अन्य ईवेंट न करें। एक बार पृष्ठ या दृश्य लोड हो जाने पर, पॉपओवर दिखाएं?

cmr.controller('JoinMeeting', function($scope, $ionicPopover) { 
    $ionicPopover.fromTemplateUrl('joinMrTips.html', { 
    scope: $scope, 
}).then(function(popover) { 
    $scope.popover = popover; 
}); 

$scope.$on('$viewContentLoaded',function(){ 
    $scope.popover.show(); 
}); 

}) 

Answer 1

आप बहुत करीब थे।

show($event) where The $event or target element which the popover should align itself next to

इसलिए, इस प्रकार काम करेगा अपने कोड को फिर से लिखने: IonicPopover की आधिकारिक दस्तावेज के अनुसार, popover.show() की वाक्य रचना इस प्रकार है

$scope.$on('$viewContentLoaded',function(){ 
    $scope.popover.show(".class-of-host-control-of-popup"); 
}); 

संपूर्ण उदाहरण, साथ कोड के साथ ->here

Answer 2

यह jQuery शामिल करने की आवश्यकता काम करता है:

$scope.$on('$viewContentLoaded',function(){ 
    $scope.popover.show(angular.element(document.querySelector('.class-of-host-control-of-popup'))); 
}); 

Answer 3

एक उदाहरण जो आयोनिक "utils" वर्गों (यहाँ, DomUtil) का उपयोग करता है:

var nodeClass = 'target-host-item-class'; 
    var evtTarget = $event.target; 
    var hostNode = ionic.DomUtil.getParentOrSelfWithClass(evtTarget, nodeClass); 

    $ionicPopover.fromTemplateUrl('popover-template.html', { 
     scope: $scope 
    }).then(function(popover) { 
     popover.show(hostNode); 
    }); 

नहीं वास्तव में बदतर या अन्य उत्तर की तुलना में बेहतर। सीधे प्रत्यक्ष डोम क्वेरी या jQuery का उपयोग से बचाता है।

यहां, मैं चाहता हूं कि पॉपओवर हमेशा कक्षा .target-host-item-class का उपयोग कर आइटम के साथ गठबंधन किया जाए।