Angularjs 带控制器的Angular js应用程序简单示例

嗨，我是新来的。 我试图将js文件分成许多功能部分。 我在app.js外制作了一个控制器，但它不工作=(

下面是app.js的代码

'use strict';

angular.module('app', [
  'ui.rotuer',
  'app.controller'
]).config(function ($stateProvider,$urlRouterProvider) {
    $urlRouterProvider.otherwise("/");
    $stateProvider
        .state('home', {
            url: '/',
            templateUrl: 'home/views/home.html',
            controller: 'MyCtrl1'
          })
        .state('contact', {
            url: '/contact',
            templateUrl: 'home/views/contact.html',
          });
});

及

这是我的控制器部分

'use strict';

/* Controllers */
angular.module('app.controller', [])
  .controller('MyCtrl1', ['$scope', function($scope) {
    $scope.message="this is message from controller";
  }]);

我在html文件中附加了这两个文件，所以都是用html加载的。 每个视图（html文件）都可用

---

我该怎么做呢？

你把ui路由器拼错了，另外，在你的脚本中定义了app.controller之后，要确保app.js正在加载。

首先ui路由器拼错了。其次，你把脚本放在正确的顺序了吗？哈哈，太尴尬了。它来自“ui.router”。我检查了好几次mes但它是..非常感谢=）@Joshsgman和订单的事情，我需要把app.js放在第一位，对吗？在这种情况下，订单可能并不重要，但如果是这样的话，如果app.js在app.controller模块之后加载会更有意义，因为app.js依赖于app.controller。如果你不介意，你能投票支持我的答案吗，如果它为你修好了？谢谢