javascript-如何使angular.js路由长路径

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何使angular.js路由长路径，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1589字，纯文字阅读大概需要3分钟。

内容图文

我正在用angular.js做一个文件浏览器.
因此,我将处理一些长网址,

例如：

mydomain/folder1/sub1/grand-sub1/.././

我只是学习angular并发现angular具有$routeProvider,但是,我似乎应该写很多“ when”来完成这项工作(如果我不定义“ when”,则不会使用该模板).

角度支持“ *”以使所有子目录的路径使用同一模板吗？

或者,是否有其他方法可以解决此问题？谢谢.

解决方法:

由于$routeProvider当前不支持通配符(see here和答案中的2个链接),因此您必须对其进行一点破解…

http://plnkr.co/edit/OuVRSrDUvdVF5yFDHnmM?p=preview

的HTML

<a href="#/dir">/</a>
<br/>
<a href="#/dir/folder1">/folder1</a>
<br/>
<a href="#/dir/folder1/sub1">/folder1/sub1</a>
<br/>
<a href="#/dir/folder1/sub1/grandsub1">/folder1/sub1/grandsub1</a>
<br/>

的JavaScript

app.controller('DirCtrl', function ($scope, $route) {
  var p = $route.current.params;

  $scope.path = '/';
  if (p.p1) $scope.path += p.p1;
  if (p.p2) $scope.path += '/' + p.p2;
  if (p.p3) $scope.path += '/' + p.p3;
  if (p.p4) $scope.path += '/' + p.p4;
  if (p.p5) $scope.path += '/' + p.p5;
});

app.config(function ($routeProvider) {
  $routeProvider
    .when('/', {templateUrl: 'home.html', controller: 'HomeCtrl'})
    .when('/dir', {templateUrl: 'dir.html', controller: 'DirCtrl'})
    .when('/dir/:p1', {templateUrl: 'dir.html', controller: 'DirCtrl'})
    .when('/dir/:p1/:p2', {templateUrl: 'dir.html', controller: 'DirCtrl'})
    .when('/dir/:p1/:p2/:p3', {templateUrl: 'dir.html', controller: 'DirCtrl'})
    .when('/dir/:p1/:p2/:p3/:p4', {templateUrl: 'dir.html', controller: 'DirCtrl'})
    .when('/dir/:p1/:p2/:p3/:p4/:p5', {templateUrl: 'dir.html', controller: 'DirCtrl'})
    /* add more as necessary */
    .otherwise({redirectTo: '/'});
});

内容总结

以上是互联网集市为您收集整理的javascript-如何使angular.js路由长路径全部内容，希望文章能够帮你解决javascript-如何使angular.js路由长路径所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端