1.在你的运行目录里面新增文件夹
文件夹的格式 我是仿照之前人写的文件夹的格式写的
controllers 里面是 js
templates 里面是对应的html
2. 在你的项目目录中找 gulpfile.js , 可能是别的名字 具体看你们搭建项目的人的爱好了
就是里面长这个样的应该就是了
然后 在他的一大推引入js的地方 在引入自己文件夹的js
不要忘记保存代码哦
3.找到声明模块的地方 加入自定义的模块
4.在你准备要跳转页的模块下 注册你的跳转页 比如说你要在index页面下跳转到你的页面 那就在index的控制器下写
(这个纯个人理解,有错误望指正)
5.在你创建的spdBank.module.js 里 添加
如果只有模块只有一个跳转页只用声明一下应该就可以了
(function() { 'use strict'; angular.module('app.spdbank',[]) })();
6.绑定跳转页控制器
(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'); }
(以上内容均为本人在项目中自己摸索总结,如有不正确的或总结错误的地方望指出,海涵。)