案例：ionic案例     状态：可编辑再运行    进入横版
​x
        <ion-item ng-repeat="project in projects" ng-click="selectProject(project, $index)" ng-class="{active: activeProject == project}">
 
1
<html>
2
    <head>
3
        <meta charset="utf-8">
4
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
5
        <title>W3xue教程(w3xue.com)</title>
6
        <link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
7
        <script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
8
    </head>
9
    <body ng-app="todo" ng-controller="TodoCtrl">
10
    <ion-side-menus>
11
​
12
    <!-- 中心内容 -->
13
    <ion-side-menu-content>
14
      <ion-header-bar class="bar-dark">
15
        <button class="button button-icon" ng-click="toggleProjects()">
16
          <i class="icon ion-navicon"></i>
17
        </button>
18
        <h1 class="title">{{activeProject.title}}</h1>
19
        <!-- 新增按钮 -->
20
        <button class="button button-icon" ng-click="newTask()">
21
          <i class="icon ion-compose"></i>
22
        </button>
23
      </ion-header-bar>
24
      <ion-content scroll="false">

 运行结果　
　北美留学生论坛