Question

我当前的文件夹结构是这样的：

templates/  
          homepage.html
          signin.html

js/
   app.js
   routes.js
   controllers.js
   directives.js

但我想将其改为此

templates/ 
          homepage/
                    homepage.html
                   homepage.js

          signin/
                    signin.html
                   signin.js

我在index.html中包含了新控制器，我将routes文件中的状态更改为：

    .state('homePage', {
      url: '/homePage',
      templateUrl: 'templates/homePage/jobStore.html',
      controller: 'homePageCtrl'
  })

在homepage.js中我写道：

angular.module('app.controllers', [])

.controller('homePageCtrl', function($scope) {

})

在我的主页视图中，我有以下内容：

     <a ui-sref="login" id="loginButton" class=" button button-positive  button-block ">Sign In</a>

但我一直收到一条错误，指出loginCtrl不是函数

Answer 1

首先在app.js中定义模块

var app = angular.module('app', ['ionic']);

app将是您在ng-app="app"

中定义的任何内容

并以这种方式定义控制器（您不需要angular.module('app.controllers', [])）

app.controller('demoCtrl', function ($rootScope, $state, $scope) {
//Your controller code
});

最后一件事

包含订单的

脚本文件将是

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

<!-- Page specific controllers -->
<script src="path/to/Controller1.js"></script>
<script src="path/to/Controller2.js"></script>

问候。

将Ionic文件夹结构更改为单独的文件和文件夹

1 个答案: