ionic 侧拉框

最新推荐文章于 2018-12-20 15:31:22 发布

Yang_1225

最新推荐文章于 2018-12-20 15:31:22 发布

阅读量453

点赞数

本文链接：https://blog.csdn.net/Yangweifeng_1225/article/details/78807064

版权

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title></title>
  <link href="css/ionic.css" rel="stylesheet" />
  <script src="js/ionic.bundle.min.js" type="text/javascript" charset="utf-8"></script>
  <script>
   var myapp = angular.module("dxtapp", ['ionic']);
   myapp.controller("myCtrl", function($scope) {
    $scope.user = ["yyy1", "yyy2", "yyy3"];
    $scope.settings = ["yyyy", "yyy", "yy", "y"];
   });
  </script>
</head>

    <ion-content style="text-align: center;">
     <ion-list>
      <ion-item ng-repeat="item in user">
       yyy,{{item}}!!
      </ion-item>
     </ion-list>
    </ion-content>
   </ion-side-menu-content>

<ion-side-menu side="left">
    <ion-header-bar align-title="left" class="bar-assertive">
     <h1 class="title">左侧菜单栏</h1>
    </ion-header-bar>

    <ion-content>
     <ion-list>
      <ion-item ng-repeat="item in settings">
       yyy,{{item}}!!
      </ion-item>
     </ion-list>
    </ion-content>
   </ion-side-menu>
  </ion-side-menus>
</body>

</html>