Angularjs 状态错误。角JS
我有一个任务要合并到Angular中state.js中的组件。我在这方面是个新手。我已经包括了代码,它抛出的状态错误,我无法理解它是从哪里来的。我想我做得对,但有些地方我不明白 这是错误:-Angularjs 状态错误。角JS,angularjs,state,Angularjs,State,我有一个任务要合并到Angular中state.js中的组件。我在这方面是个新手。我已经包括了代码,它抛出的状态错误,我无法理解它是从哪里来的。我想我做得对,但有些地方我不明白 这是错误:- error: Could not resolve 'auth.app' from state 'auth' at Object.x.transitionTo (angular-ui-router.min.js:7) at Object.x.go (angular-ui-router.min.
error: Could not resolve 'auth.app' from state 'auth'
at Object.x.transitionTo (angular-ui-router.min.js:7)
at Object.x.go (angular-ui-router.min.js:7)
at angular-ui-router.min.js:7
at angular.js:16299
at e (angular.js:4924)
at angular.js:5312
我也看过其他答案,但找不到解决办法。
my state.js:-
app.config(['$stateProvider', '$urlRouterProvider',
function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider
.when('/home', '/')
.otherwise('/');
$stateProvider
// Applications (parent state)
.state('auth.apps', {
abstract: true,
url: '/applications',
template: '<div ui-view autoscroll="false" class="mainView-animate"></div>',
ncyBreadcrumb: {
label: 'Applications'
}
})
// Applications childs
.state("auth.apps.view", {
// this state page title
page_title: 'New - Applications',
// this state url
url: "/apps",
templateUrl: 'views/externals/apps.html',
// load state specific js/css
resolve: {
files: [
'uiLoad',
function (uiLoad) {
return uiLoad.load([
// c3 charts
'assets/lib/d3/d3.min.js',
'assets/lib/c3/c3.min.js'
]);
}
]
},
controller: 'AppCtrl',
ncyBreadcrumb: {
label: 'Applications'
}
})
.state('auth.apps.create', {
page_title: 'New - Create',
url: '/create',
templateUrl: 'views/externals/connect_vm.html',
resolve: {
files: [
'uiLoad',
function (uiLoad) {
return uiLoad.load([
// select2
'assets/lib/select2/select2.css',
'assets/lib/select2/select2.min.js',
// inputmask
'assets/lib/jquery.inputmask/jquery.inputmask.bundle.min.js'
]);
}
]
},
controller: 'AddCtrl',
ncyBreadcrumb: {
label: 'Connect'
}
})
.state('auth.apps.validate', {
page_title: 'New - Validate',
url: '/validate',
templateUrl: 'views/externals/cluster_validation_vm.html',
resolve: {
VMsData: function(VMsList){
var vms_data = VMsList.getList();
return vms_data;
},
files: [
'uiLoad',
function (uiLoad) {
return uiLoad.load([
// select2
'assets/lib/select2/select2.css',
'assets/lib/select2/select2.min.js'
]);
}
]
},
controller: 'ValidateCtrl',
ncyBreadcrumb: {
label: 'Validations'
}
})
}
]);
app.config(['$stateProvider','$urlRouterProvider',
函数($stateProvider,$urlRouterProvider){
$urlRouterProvider
.when('/home','/'))
。否则(“/”);
$stateProvider
//应用程序(父状态)
.state('auth.apps'{
摘要:没错,
url:“/应用程序”,
模板:“”,
ncybreadcrump:{
标签:“应用程序”
}
})
//儿童应用
.state(“auth.apps.view”{
//此状态页标题
页面标题:“新建-应用程序”,
//此状态为url
url:“/apps”,
templateUrl:'views/externals/apps.html',
//加载特定于状态的js/css
决心:{
档案:[
“uiLoad”,
功能(uiLoad){
返回uiLoad.load([
//c3图表
'assets/lib/d3/d3.min.js',
'assets/lib/c3/c3.min.js'
]);
}
]
},
控制器:“AppCtrl”,
ncybreadcrump:{
标签:“应用程序”
}
})
.state('auth.apps.create'{
页面标题:“新建-创建”,
url:“/create”,
templateUrl:'views/externals/connect_vm.html',
决心:{
档案:[
“uiLoad”,
功能(uiLoad){
返回uiLoad.load([
//选择2
'资产/lib/select2/select2.css',
“assets/lib/select2/select2.min.js”,
//输入掩码
'assets/lib/jquery.inputmask/jquery.inputmask.bundle.min.js'
]);
}
]
},
控制器:“AddCtrl”,
ncybreadcrump:{
标签:“连接”
}
})
.state('auth.apps.validate'{
页面标题:“新建-验证”,
url:“/validate”,
templateUrl:'views/externals/cluster\u validation\u vm.html',
决心:{
VMsData:函数(VMsList){
var vms_data=VMsList.getList();
返回vms_数据;
},
档案:[
“uiLoad”,
功能(uiLoad){
返回uiLoad.load([
//选择2
'资产/lib/select2/select2.css',
'assets/lib/select2/select2.min.js'
]);
}
]
},
控制器:“ValidateCtrl”,
ncybreadcrump:{
标签:“验证”
}
})
}
]);
如果错误是auth.apps
是抽象的,则无法导航到抽象路径
.state('auth.apps', {
//abstract: true, <-- remove this
url: '/applications',
template: '<div ui-view autoscroll="false" class="mainView-animate"></div>',
ncyBreadcrumb: {
label: 'Applications'
}
})
.state('auth.apps'{
//摘要:没错,你没有任何状态的名称是“auth.app”
,也许你拼错了,试着把它改成“auth.app”“auth.apps”@AmayaSan itsauth.apps
。但是从哪里来的auth.app
信息我没有得到。那么你能提供一个关于错误发生在哪里的特定场景吗或将occurred@AmayaSan不明白。在什么特定情况下会发生?例如:单击链接等。。。