Question

嗨，我是棱角分明的新手。我试图将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文件）都可用。

我该怎么做？

Answer 1

你有拼错的ui-router，另外，在你的脚本中定义了app.controller之后，确保正在加载app.js。

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

1 个答案: