标签：
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user- 6 7 scalable=no"/> 8 <title>ionic应用</title> 9 <link rel="stylesheet" href="css/ionic.min.css"/> 10 </head> 11 <body ng-app="ionicApp" ng-controller="MyCtrl"> 12 13 <div class="bar bar-header"> 14 <div class="h1 title">单选按钮列表</div> 15 </div> 16 17 <ion-list> 18 <ion-radio ng-model="choice" ng-value="‘A‘">Choose A</ion-radio> 19 <ion-radio ng-model="choice" ng-value="‘B‘">Choose B</ion-radio> 20 </ion-list> 21 22 <div class="item range"> 23 <i class="icon ion-volume-low"></i> 24 <input type="range" name="volume"> 25 <i class="icon ion-volume-high"></i> 26 </div> 27 28 <div class="list"> 29 <div class="item range range-positive"> 30 <i class="icon ion-ios-sunny-outline"></i> 31 <input type="range" name="volume" min="0" max="100" value="33"> 32 <i class="icon ion-ios-sunny"></i> 33 </div> 34 </div> 35 36 37 <script src="js/ionic.bundle.min.js"></script> 38 <script> 39 //[‘‘]中引入依赖的模块，这里引入ionic 40 var myIonic = angular.module(‘ionicApp‘, [‘ionic‘]); 41 myIonic.controller(‘MyCtrl‘, function ($scope) { 42 43 }); 44 </script> 45 46 </body> 47 </html>
ionic文档：http://ionicframework.com/docs/components/
Ionic官网：http://ionicframework.com/ （特别美）
标签：
原文地址：http://www.cnblogs.com/lqcdsns/p/5456908.html
