相关疑难解决方法(0)

Angular-UI路由器无法在Ionic app中运行

我正在使用Ionic Framework开发应用程序,并且无法尝试使用Angular-ui路由器.下面的第一个代码块完美地运行.然而,当我删除ng-controller="LoginController as login"并移动到这一点controller,并controllerAs在路线不关我的角码的我认为作品中的属性了.我以为我理解路由,但这个问题让我感到沮丧.

应用程序/登录/ 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>
Run Code Online (Sandbox Code Playgroud)

似乎"打破"我的视图的代码,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'
    })
...
Run Code Online (Sandbox Code Playgroud)

angularjs angular-ui-router ionic-framework

1
推荐指数
1
解决办法
847
查看次数