AngularJs Ui-Router向现有app.config添加新状态
AngularJs Ui-Router向现有app.config添加新状态
提问于 2018-12-14 05:50:24
我目前正在开发一个非常大规模的应用程序，它涉及到应用程序中许多不同组件的许多路由。我和我的团队决定尝试将不同的路由分离到他们自己的文件中，而不是拥有一个非常大的路由文件。
我尝试过创建一个变量，并导入到我的app.js文件中，然后将创建的路由对象传递到一个新状态。
当我尝试在我的app.js文件中导入一个文件时，我总是遇到错误。
我想知道是否有一种方法可以将状态对象从不同的文件传递到主app.config？
下面是我的App.js文件，它使用静态定义的状态
let app = angular.module('ordyxApp', ['ui.router']);
app.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/home');
$stateProvider
.state('home', {
url: '/home',
templateUrl: 'pages/login.html'
})
.state(system)
}); 这就是我想要实现的目标
pages/clockIn/clockInRoute.js
export let ClockIn = {
url: '/clockIn',
templateUrl: 'pages/clockIn/clockIn.html'
};那么我的app.js文件应该类似于下面的内容
let app = angular.module('ordyxApp', ['ui.router']);
import {ClockIn} from "./pages/clockIn/clockIn.route";
app.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/home');
$stateProvider
.state('home', {
url: '/home',
templateUrl: 'pages/login.html'
})
.state(ClockIn)
});回答 1
Stack Overflow用户
发布于 2018-12-14 06:17:43
您应该为状态设置一个名称
stateProvider .state('home', {
url: '/home',
templateUrl: 'pages/login.html'
})
.state('clockIn', ClockIn) 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53770598
复制相关文章
相似问题