javascript - 如何从路由文件中的子文件夹设置控制器文件？

Question

我正在做一个离子项目。我有以下应用程序结构......

app |__dashboard |__dashboard.html |__dashboard.module.js |__controller.js |__app.js |__config.js index.html

我在 controller.js 中定义了一个控制器。那是：

angular.module('dashboard').controller('Ctrl', function(){
   console.log('hello');
});

我的app.js中有一条路线。那是：

.
.
.
$stateProvider
.state('app', {
  url: 'app/',
  abstract: true
  })

.state('app.home', {
  url: '/home',
  views: {
    'menuContent': {
      templateUrl: 'app/dashboard/dashboard.html',
      controller: 'Ctrl'
    }
  }
});

在我的 index.html 中，我调用了所有文件：

但是，当我运行该应用程序时，我收到以下错误： Error: [ng:areq] Argument 'Ctrl' is not a function, got undefined

有人可以帮助我吗？谢谢！！！

Answer 1

您需要在index.html中包含controller.js脚本文件，以便您可以在路由中使用该控制器。将您的控制器包括为：

<script src="/app/dashboard/controller.js"></script>