<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>W3xue教程(w3xue.com)</title>
<link href="/css/ionic1.0.1/ionic.min.css" rel="stylesheet">
<script src="/js/ionic1.0.1/ionic.bundle.min.js"></script>
<script type="text/javascript">
angular.module('ionicApp', ['ionic'])
.controller( 'AppCtrl',['$scope','$ionicPopover','$timeout',function($scope,$ionicPopover,$timeout){
$scope.popover = $ionicPopover.fromTemplateUrl('my-popover.html', {
$ionicPopover.fromTemplateUrl('my-popover.html', {
}).then(function(popover) {
$scope.popover = popover;
$scope.openPopover = function($event) {
$scope.popover.show($event);
$scope.closePopover = function() {
$scope.$on('$destroy', function() {
$scope.$on('popover.hidden', function() {
$scope.$on('popover.removed', function() {
<body ng-controller="AppCtrl">
<button ng-click="openPopover($event)">打开浮动框</button>