ionic1 新加模块注册路由

ゝ一世哀愁。 2022-05-12 12:58 165阅读 0赞

### 1.在你的运行目录里面新增文件夹 ###

![70][]

文件夹的格式 我是仿照之前人写的文件夹的格式写的

controllers  里面是 js

templates   里面是对应的html

![70 1][]

### 2.   在你的项目目录中找  gulpfile.js  ,  可能是别的名字 具体看你们搭建项目的人的爱好了 ###

![70 2][]

就是里面长这个样的应该就是了

然后 在他的一大推引入js的地方 在引入自己文件夹的js

![70 3][]

不要忘记保存代码哦

### 3.找到声明模块的地方 加入自定义的模块 ###

![70 4][]

### 4.在你准备要跳转页的模块下 注册你的跳转页  比如说你要在index页面下跳转到你的页面 那就在index的控制器下写 ###

（这个纯个人理解，有错误望指正）

![70 5][]

5.在你创建的spdBank.module.js 里 添加

![70 6][]

如果只有模块只有一个跳转页只用声明一下应该就可以了

(function() {
        'use strict';
        angular.module('app.spdbank',[])
    
    })();

### 6.绑定跳转页控制器 ###

![70 7][]

(function() {
        'use strict';
    
        angular
            .module('app.spdbank',[])
            .controller('SpdBankController', SpdBankController);
    
        SpdBankController.$inject = ['$scope','$state','CustomStorage','$window', '$timeout'];
    
        function SpdBankController($scope,$state,CustomStorage,$window, $timeout) {
        
        }
    })();

### 7.写上click方法里面写上跳转地址 就可以跳转到自定义的页面了 ###

<div  ng-click="nextPage()" >
        gospdBank
    </div>

$scope.nextPage = function() {
      $state.go('spdBank');
    }

（以上内容均为本人在项目中自己摸索总结，如有不正确的或总结错误的地方望指出，海涵。）

[70]: /images/20220512/43f3acd866c549c1965b2ca0426dd6fa.png
[70 1]: /images/20220512/822a3c89406f418383bfe2d28b804982.png
[70 2]: /images/20220512/270b3e8ecd6a44be8a451526385842db.png
[70 3]: /images/20220512/d604a1e1e6d0456f9f1d745e766952d0.png
[70 4]: /images/20220512/522b2d9418a64839b87e35d25d065576.png
[70 5]: /images/20220512/3b9f1fd21c944841b3a9eb52c3682430.png
[70 6]: /images/20220512/d3ff105a8ff746cebed3daaefdefe68e.png
[70 7]: /images/20220512/bf8736610a2d49218c73e3bf84e6cff8.png