Angularjs 与视图在同一文件中时控制器未定义_Angularjs

Angularjs 与视图在同一文件中时控制器未定义

angularjs

Angularjs 与视图在同一文件中时控制器未定义,angularjs,Angularjs,我能够为userForm.html呈现视图，但我不断收到一个错误，错误是： angular.js:12722 Error: [ng:areq] Argument 'userFormController' is not a function, got undefined 所讨论的控制器是userFormController，就像上面显示的错误一样 userFormController angular.module('myApp') .controller('userFormControl

我能够为userForm.html呈现视图，但我不断收到一个错误，错误是：

angular.js:12722 Error: [ng:areq] Argument 'userFormController' is not a function, got undefined

所讨论的控制器是userFormController，就像上面显示的错误一样

userFormController

angular.module('myApp')
    .controller('userFormController',['$scope', function($scope){
        console.log('You are in the userFormController');
}]);

configuration.js

angular.module('myApp').
config(function($routeProvider) {
    $routeProvider.when('/',{
        templateUrl: "pages/mainPage/mainPage.html",
        controller:"mainPageController"
    })
        .when('/userForm',{
           templateUrl: 'pages/userForm/userForm.html',
           controller: 'userFormController'
        })
        .when('',{
            templateUrl:'',
            controller:''
        })
    .otherwise({redirectTo:'/'});

});

index.html

<body ng-app="myApp">

  <!--[if lt IE 7]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->

  <div ng-view></div>

  <div>Angular seed app: v<span app-version></span></div>

  <!-- In production use:
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
  -->
  <script src="bower_components/angular/angular.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>
  <script src="app.js"></script>
  <script src="components/version/version.js"></script>
  <script src="components/version/version-directive.js"></script>
  <script src="components/version/interpolate-filter.js"></script>
  <script src="pages/mainPage/mainPageController.js"></script>
  <script src="configuration.js"></script>
</body>
</html>


角种子应用程序：v

mainPage.html

<div>

<h2>Hello World</h2>

    <button onclick="window.location.href= '#/userForm' ">Next Page</button>

</div>


你好，世界
下一页

脚本标记中的userFormController.js在哪里？

您需要在index.html中包含userFormController.js文件，如下所示：

<body ng-app="myApp">

  <!--[if lt IE 7]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->

  <div ng-view></div>

  <div>Angular seed app: v<span app-version></span></div>

  <!-- In production use:
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
  -->
  <script src="bower_components/angular/angular.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>
  <script src="app.js"></script>
  <script src="components/version/version.js"></script>
  <script src="components/version/version-directive.js"></script>
  <script src="components/version/interpolate-filter.js"></script>
  <script src="pages/mainPage/mainPageController.js"></script>
  <script src="pages/userForm/userFormController.js"></script>
  <script src="configuration.js"></script>
</body>
</html>


角种子应用程序：v