angularjs ui-rouetr 错误，因为控制器未注册

Question

我正在使用 ui-router 进行路由，但我收到一个错误，因为控制器没有注册

<title></title>
 <script src="../../Scripts/angular.js"></script>
    <script src="../../Scripts/angular-ui-router.js"></script>
    <script src="Admin_MyApp.js"></script>
    <script src="../EmployeePages/EmployeeScripting/Employee_MyApp.js">
<ul>
  <li><a ui-sref="Contact()">Contact</a></li>
                </ul>

admin_Myapp.js

var app = angular.module('Admin_MyApp', ['ui.router']);
    app.config(function ($stateProvider, $urlRouterProvider) {
        $stateProvider      
            .state('Contact', {
            url: 'contact',
            templateUrl: '/Kpmg/AdminPages/EmployeeDetails/Feedback.html',
            controller: 'abc'
        })
    })

contact.js

app.controller('abc', function ($scope) {

Answer 1

代码中有两个问题：

1- 您需要将 contact.js 添加到 html

2- 您的控制器必须在您的状态之前定义。所以这是正确的顺序：

// define your module first
var app = angular.module('Admin_MyApp', ['ui.router']);

// define your controller on the module
app.controller('abc', function ($scope) {
   // your controller
});

// define the state
app.config(function ($stateProvider, $urlRouterProvider) {
    $stateProvider      
        .state('Contact', {
        url: 'contact',
        templateUrl: '/Kpmg/AdminPages/EmployeeDetails/Feedback.html',
        controller: 'abc'
    })
})

angularjs ui-rouetr 错误，因为控制器未注册

angularjs ui-rouetr Error as controller is not Register

angularjs

angular-ui-router