[angular]路由与include的选择

使用路由分发的结果，就是每次路由到指定url的时候，页面会整体刷新。之前无论打开过多少的页面，会被全部关闭。

var cspRouters = angular.module('cspRouters', ['ui.router']);

cspRouters.config(function($stateProvider, $urlRouterProvider){

  $urlRouterProvider.otherwise('/home');
  $stateProvider
    .state('home',{
      url: '/home',
      views: {
        '': {
          templateUrl: 'tpls/home/index.html'
        }
      }

    })
 .state('comment',{
      url: '/comment',
      views: {
        '': {
          templateUrl: 'tpls/comment/index.html',
        }
      }
    })
})

如上，当页面url由home到comment的时候，之前在home下的所有页面将被comment的内容取代。

而我们经常使用的系统，用户一定会更希望每次打开多个页面，在多个页面之间来回切换，就像是浏览器，打开的不同网站，但是打开其他的网页不会关闭之前打开的页面。

怎么解决这个问题呢？

 <div class="item" ng-class="{'active':controller.active}" ng-repeat="controller in controllers"
    ng-click="setTabActive(controller)">
      {{controller.name}}
      <i class="close icon close_icon" ng-click="closeController(controller,$index)" ></i>
    </div>

这里每一个controller对应的是一个功能模块。点击导航栏中的功能，将对应的controller加入到controllers中。在右侧的展示区ng-repeat方式展示出来就可以。