Javascript AngularJS试图使用外部模块的嵌套状态

当我试图创建外部模块时，我犯了一些错误，我认为我在nested.js中的嵌套状态有问题

错误说明：错误：状态“admin.quyensudung”有一个“views”对象。它也不能在状态级别具有“视图属性”。将以下属性移动到视图中（在“视图”对象中）：控制器

请帮我修复这个错误，并告诉我为什么我得到这个错误谢谢太多

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',        
        })
}])

错误：状态“admin.quyensudung”有一个“views”对象。它也不能在状态级别具有“视图属性”。将以下属性移动到视图中

只需将

控制器：“QuyenSundungController”

移动到

视图中

相反：

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

应该是：

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

参考：