如何默认显示ionicPopover

use*_*414 6 ionic-framework

如何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();
});

})
Run Code Online (Sandbox Code Playgroud)

Man*_*kla 9

你非常接近.根据IonicPopover的官方文档,popover.show()的语法如下:

show($ event)其中popover应该在其旁边对齐的$ event或target元素

因此,按如下方式重写代码将完成工作:

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

完整示例,以及代码 - > 这里