angular+ionic前后端分离开发项目中的使用

<ion-nav-bar class="bar-stable">
      <ion-nav-back-button>
      </ion-nav-back-button>      
    </ion-nav-bar>   

<ion-nav-view></ion-nav-view>

<script id="browser.html" type="text/ng-template">
    <ion-modal-view>... ...</ion-modal-view>
</script>        

<script id="eletterBrowser.html" type="text/ng-template">
    <ion-modal-view>... ...</ion-modal-view>
</script>        

.run(function($ionicPlatform, $rootScope, $state, $ionicHistory,HttpRequest, $i18next, DeviceInfo, Authorization, LocalStorage, Prompt, HotPush,$location, NoticeCenter, UserAgent, $ionicActionSheet,JPush) {
    $ionicPlatform.ready(function() {
　　　　// splash 放在最前面热更新才会起作用
　　　　// lang
　　　　//状态栏(StatusBar)
　　　　//... ...
    }
　　//全局变量
　　$rootScope.
　　// 返回键退出 
　　$ionicPlatform.registerBackButtonAction(function(e) {}
　　// 状态监听
　　$rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams, lionShow) {}
}

.config(function($ionicConfigProvider,$compileProvider, $sceDelegateProvider, $httpProvider, $stateProvider, $urlRouterProvider, $i18nextProvider) {
　　
        $stateProvider
        .state('tab', {
            url: '/tab',
            abstract: true,
            templateUrl: 'templates/tabs.html',
            controller: 'TabsCtrl'
        })

        .state('tab.home', {
            url: '/home',
            views: {
                'tab-home': {
                    templateUrl: 'templates/tab-home/tab-home.html?version=20170917',
                    controller: 'HomeCtrl'
                }
            }
        })
        //... ...
        ;
        $urlRouterProvider.otherwise('/tab/home');
}

name：状态的名称。
stateConfig：状态配置对象。配置具有以下各项属性：
template： string/function，html模板字符串，或者一个返回html模板字符串的函数。
templateUrl：string/function，模板路径的字符串，或者返回模板路径字符串的函数。
templateProvider：function，返回html模板字符串或模板路径的服务。
controller：string/function，新注册一个控制器函数或者一个已注册的控制器的名称字符串。
controllerProvider：function，返回控制器或者控制器名称的服务
controllerAs：string，控制器别名。
parent：string/object，手动指定该状态的父级。
resolve：object，将会被注入controller去执行的函数，<string,function>形式。
url：string，当前状态的对应url。
views：object，视图展示的配置。<string,object>形式。
abstract：boolean，一个永远不会被激活的抽象的状态，但可以给其子级提供特性的继承。默认是true。
onEnter：function，当进入一个状态后的回调函数。
onExit：function，当退出一个状态后的回调函数。
reloadOnSearch：boolean，如果为false，那么当一个search/query参数改变时不会触发相同的状态，用于当你修改$location.search()的时候不想重新加载页面。默认为true。
data：object，任意对象数据，用于自定义配置。继承父级状态的data属性。换句话说，通过原型继承可以达到添加一个data数据从而整个树结构都能获取到。
params：url里的参数值，通过它可以实现页面间的参数传递。

<ion-tabs class="tabs-icon-top tabs-color-active-assertive" ng-class="hideTabs">

  <!-- Home Tab -->
  <ion-tab title="{{'tabs.home' | i18next}}" icon-off="ion-ios-home-outline-custom" icon-on="ion-ios-home-custom" ng-click="click()">
    <ion-nav-view name="tab-home">
    </ion-nav-view>
  </ion-tab>
  <!-- Policy Tab -->
  <ion-tab title="{{'tabs.policy' | i18next}}" icon-off="ion-ios-paper-outline-custom" icon-on="ion-ios-paper-custom"  ng-click="turn('policy')">
    <ion-nav-view name="tab-policy"></ion-nav-view>
  </ion-tab>

  <!-- My Tab -->
  <ion-tab title="{{'tabs.my' | i18next}}" icon-off="ion-ios-person-outline-custom" badge="badges.carts" badge-style="badge-assertive"icon-on="ion-ios-person-custom" ng-click="clickMy()">
    <ion-nav-view name="tab-my"></ion-nav-view>
  </ion-tab>
</ion-tabs>

<timerbutton  show-timer="false">{{'selfservice.Getcode' | i18next}}</timerbutton>