1 <!DOCTYPE HTML>2 <HTMLLang= "ZH-CN">3 <Head>4 <MetaCharSet= "UTF-8">5 <Metaname= "Viewport"content= "width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-6 7 Scalable=no "/>8 <title>Ionic applications</title>9 <Linkrel= "stylesheet"href= "Css/ionic.min.css"/>Ten </Head> One <BodyNg-app= "Ionicapp"Ng-controller= "Myctrl"> A - <Divclass= "Bar Bar-header"> - <Divclass= "H1 title">radio button List</Div> the </Div> - - <ion-list> - <Ion-radioNg-model= "Choice"Ng-value= "' A '">Choose A</Ion-radio> + <Ion-radioNg-model= "Choice"Ng-value= "' B '">Choose B</Ion-radio> - </ion-list> + A <Divclass= "Item Range"> at <Iclass= "icon Ion-volume-low"></I> - <inputtype= "Range"name= "Volume"> - <Iclass= "icon Ion-volume-high"></I> - </Div> - - <Divclass= "List"> in <Divclass= "Item Range range-positive"> - <Iclass= "icon Ion-ios-sunny-outline"></I> to <inputtype= "Range"name= "Volume"min= "0"Max= "+"value= " the"> + <Iclass= "icon Ion-ios-sunny"></I> - </Div> the </Div> * $ Panax Notoginseng <Scriptsrc= "Js/ionic.bundle.min.js"></Script> - <Script> the //['] in the introduction of dependent modules, introduced here Ionic + varMyionic=Angular.module ('Ionicapp', ['Ionic']); A Myionic.controller ('Myctrl', function($scope) { the + }); - </Script> $ $ </Body> - </HTML>
Ionic Document: http://ionicframework.com/docs/components/
Ionic official Website: http://ionicframework.com/(Special Beauty)
ionic[Radio Box][range]