Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了[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方式展示出来就可以。

大佬总结

以上是大佬教程为你收集整理的[angular]路由与include的选择全部内容,希望文章能够帮你解决[angular]路由与include的选择所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。