AngularJS trying to use nested state from external module

Question

I got some err when i try to create external module, i think that is something wrong with my nested state in nested.js

The err said:Error: State 'admin.quyensudung' has a 'views' object. It cannot also have "view properties" at the state level. Move the following properties into a view (in the 'views' object): controller

Please help me fix this bug and tell me the reason i got this bug thank too much

app.js:

var app = angular.module('app', [
  'ui.router',
  'ngCookies',
  'quyensudung',
])
.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/admin');

$stateProvider

    .state('admin', {
        url: '/admin',
        templateUrl: 'admin/home/index.html'
}])

nested.js

var quyensudung = angular.module('quyensudung', [])

.config(['$stateProvider', function($stateProvider){
    $stateProvider
        .state('admin.quyensudung', {
            url: '/quyensudung',
            views: {
                "container@": {
                    templateUrl: 'admin/quyensudung/index.html'
                },
            },
            controller: 'quyensudungController',        
        })
}])

Maxim Shoustin · Accepted Answer · 2017-09-23 07:37:48Z

2

Error: State 'admin.quyensudung' has a 'views' object. It cannot also have "view properties" at the state level. Move the following properties into a view

Just move controller: 'quyensudungController', into views -> "container@"

Instead:

.state('admin.quyensudung', {
        url: '/quyensudung',
        views: {
            "container@": {
                templateUrl: 'admin/quyensudung/index.html'
            },
        },
        controller: 'quyensudungController',        
    })

Should be:

.state('admin.quyensudung', {
        url: '/quyensudung',
        views: {
            "container@": {
                templateUrl: 'admin/quyensudung/index.html',
                controller: 'quyensudungController'
            },
        }     
    })

Ref: Nested-States-and-Nested-Views

answered Sep 23, 2017 at 7:37

Maxim Shoustin

78k29 gold badges212 silver badges229 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS trying to use nested state from external module

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related