<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link href="lib/css/ionic.css" rel="stylesheet" />
<script src="lib/js/ionic.bundle.js"></script>
<script>
angular.module("gaoyn", ["ionic"])
.controller("democ", function($scope, $ionicSideMenuDelegate) {
$scope.toggleLeft = function() {
$ionicSideMenuDelegate.toggleLeft();
};
$scope.items=[11,12,13];
})
</script>
</head>
<body ng-app="gaoyn" ng-controller="democ">
<ion-side-menus>
<!-- 中间内容 -->
<ion-side-menu-content>
<div class="bar bar-header">
<h2 class="title">主体内容</h2>
</div>
<div class="content has-header">
<ul class="list">
<li class="item" ng-repeat="i in items">{{i}}</li>
</ul>
</div>
</ion-side-menu-content>
<!-- 左侧菜单 -->
<ion-side-menu side="left">
<div class="bar bar-header bar-stable" >
<h2 class="title">侧边栏的头</h2>
</div>
</ion-side-menu>
</ion-side-menus>
</body>
</html>
侧边栏
最新推荐文章于 2019-08-24 16:31:05 发布