Angular-UI 路由器在 Ionic 应用程序中不工作

Question

我正在使用 Ionic Framework 开发应用程序，但在尝试使用 Angular-ui 路由器时遇到问题。下面的第一段代码功能完美。但是，一旦我删除 ng-controller="LoginController as login" 并将其移动到我的路由 none 中的 controller 和 controllerAs 属性中，我视图中的 Angular 代码就不再起作用了。我以为我懂路由，但是这个问题把我绊倒了。

app/login/login.html:

<ion-view view-title="Login">
  <ion-content ng-controller="LoginController as login">

    Email: <input type="text" ng-model="login.email">
    Password: <input type="text" ng-model="login.password">

    <br><br>

    <button ng-click="login.createUser()">Create User</button>

    <br><br>

    <button ng-click="login.removeUser()">Remove User</button>

    <p ng-if="login.message">Message: <strong>{{ login.message }}</strong></p>
    <p ng-if="login.error">Error: <strong>{{ login.error }}</strong></p>
  </ion-content>
</ion-view>

我认为 "break" 的代码，app.config.js:

angular
  .module('app')
  .config(function($stateProvider, $urlRouterProvider) {
    $stateProvider

    .state('app', {
      url: '/app',
      abstract: true,
      templateUrl: 'app/layout/menu.html'
    })

    .state('login', {
      url: '/login',
      templateUrl: 'app/login/login.html',
      controller: 'LoginController',
      controllerAs: 'login'
    })
...

Answer 1

尝试

.state('login', {
  url: '/login',
  templateUrl: 'app/login/login.html',
  controller: 'LoginController as login'
})

Angular-UI 路由器在 Ionic 应用程序中不工作

Angular-UI router not working in Ionic app

angularjs

angular-ui-router

ionic-framework