Ionic既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效

果，尽管通常组件不需要编码，通过框架扩展可以很容易地使用，比如我们的AngularIonic扩

展。

ion-header-bar在内容顶部添加一个固定header栏。如果应用'bar-subheader'类，就可以成为一个subheader（在下面）。 查看header CSS文档。用法左侧按钮

Title!

右侧按钮一些内容!API属性 类型 详情align-title(可选)字符串标题对齐的位置。可用: 'left', 'right', or 'center'。默认为'center'。Ionic 中文文档66 ion-header-barion-footer-bar在内容底部添加一个固定的footer栏。如果应用'bar-subfooter'类，就成了一个subfooter（在上面）。查看footer CSS 文档。用法一些内容!左侧按钮

Title!

右侧按钮API属性 类型 详情align-title(可选)字符串标题对齐的位置。可选: 'left', 'right', 或 'center'。 默认为'center'。Ionic 中文文档67 ion-footer-bar

Content（内容）

ion-content授权:  $ionicScrollDelegateionContent指令提供一个易用的内容区域，该区域可以用Ionic的自定义滚动视图进行配置，或浏览器内置的溢出滚动。在大多数情况下，我们建议使用Ionic的定制滚动功能，有时（出于性能原因）仅用浏览器原生的溢出滚动就足够了，因此我可以轻松地在设置了Ionic滚动和溢出滚动间切换。你可以用 ionRefresher  指令实现拉动刷新，并可以用 ionInfiniteScroll  指令实现无限滚动。用法...API属性 类型 详情delegate-handle(可选)字符串该句柄用于标识带有 $ionicScrollDelegate  的滚动视图。padding(可选)布尔值是否在内容上添加内填充。在iOS上默认为true，在Android上为false。scroll(可选)布尔值是否允许内容滚动。默认为true。overflow-scroll(可选)布尔值是否用溢出滚动代替Ionic滚动。has-bouncing(可选)布尔值是否允许内容滚动反弹到边缘。iOS上默认为true，Android上默认为false。on-scroll(可选)表达式当内容滚动时表现的评估。on-scroll-complete(可选)表达式一个滚动动作完成时表现的评估。Ionic 中文文档69 ion-contention-refresher隶属于 ionContent  或  ionScroll允许你添加下拉刷新滚动视图。把它作为 ionContent  或  ionScroll  元素的第一个子元素。当刷新完成时，从你的控制器中广播（ $broadcast  ）出 'scroll.refreshComplete'事件。用法angular.module('testApp', ['ionic']).controller('MyController', function($scope, $http) {$scope.items = [1,2,3];$scope.doRefresh = function() {$http.get('/new-items').success(function(newItems) {$scope.items = newItems;}).finally(function() {// 停止广播ion-refresher$scope.$broadcast('scroll.refreshComplete');});};});APIIonic 中文文档70 ion-refresher属性 类型 详情on-refresh(可选)表达式当用户下拉到一定程度然后开始刷新时触发。on-pulling(可选)表达式当用户开始下来刷新时触发。pulling-icon(可选)字符串当用户下拉时显示的图标。默认: 'ion-arrow-down-c'。pulling-text(可选)字符串当用户下拉时显示的文字。refreshing-icon(可选)字符串用户刷新后显示的图标。refreshing-text(可选)字符串用户刷新后显示的文字。

ion-tabs授权:  $ionicTabsDelegateSee the Pen by Ionic (@ionic) on CodePen.带有标签栏的多标签界面的功能是，通过标签切换一组“页面”。在某个元素上指定任何标签类或 动画类来定义它的外观和感觉。请查看 ionTab  指令文档来了解各个选项卡的更多详情。注意：不要将ion-tabs置入一个ion-content元素内；它会造成一定的已知CSS错误。用法API属性 类型 详情delegate-handle(可选)字符串该句柄用 $ionicTabsDelegate  来标识这些选项卡。Ionic 中文文档82 ion-tabsion-tab隶属于 [ionTabs](/js_doc-index-name-ionTabs/)  包含一个选项卡内容。该内容仅存在于被选中的给定选项卡中。每个ionTab都有自己的浏览历史。用法要查看标签栏完整运行的例子，参见 ionTabs  文档。APIIonic 中文文档83 ion-tab属性 类型 详情title字符串选项卡的标题。