ionic 浮动框
2019獨角獸企業重金招聘Python工程師標準>>>
<html ng-app="ionicApp"><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"><title>測試</title><link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet"><script src="https://cdn.bootcss.com/ionic/1.3.2/js/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', {scope: $scope});// .fromTemplate() 方法var template = '<ion-popover-view><ion-header-bar> <h1 class="title">我的浮動框標題</h1> </ion-header-bar> <ion-content> Hello! </ion-content></ion-popover-view>';$scope.popover = $ionicPopover.fromTemplate(template, {scope: $scope});$scope.openPopover = function($event) {$scope.popover.show($event);};$scope.closePopover = function() {$scope.popover.hide();};// 清除浮動框$scope.$on('$destroy', function() {$scope.popover.remove();});// 在隱藏浮動框后執行$scope.$on('popover.hidden', function() {// 執行代碼});// 移除浮動框后執行$scope.$on('popover.removed', function() {// 執行代碼});}])</script></head><body ng-controller="AppCtrl"><p><button ng-click="openPopover($event)">打開浮動框</button></p></body> </html>?
轉載于:https://my.oschina.net/zsyzone/blog/1586253
總結
- 上一篇： cloudstack+ceph中解决ce
- 下一篇： 应急指南｜新一轮勒索病毒来袭，小白用户看