Question

我的应用程序不需要任何标签。我可以使用onic框架创建一个没有任何标签的应用程序吗？但页面将导航点击buuton.I必须首先显示一个登录页面然后登录我希望它显示项目列表点击它编辑页面显示。怎么办呢？我试过下面的代码的index.html

 <body ng-app="starter">
       <ion-nav-view name="login"></ion-nav-view>
       <ion-nav-view name="home"></ion-nav-view>
    </body>

然后

  angular.module('starter', ['ionic','starter.controllers'])
    .run(function($ionicPlatform) {
      $ionicPlatform.ready(function() {

    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
     });
    })
    .config(function($stateProvider, $urlRouterProvider) { 

    $stateProvider    
    .state('login', {
      url: '/login',
      views: {
        'login': {
          templateUrl: 'templates/login.html',
          controller: 'LoginCtrl'
        }
      }
    })

    $urlRouterProvider.otherwise('/login');
    });

然后在login.html中

<ion-view title="Login">
 <ion-content class="has-header padding">
    login button and other inputs
  </ion-content>
</ion-view>

现在登录主页应显示任何人都可以建议如何路由

Answer 1

我来这里是为了同样的问题。现在我有了答案。

的index.html：

<body ng-app="starter">
  <ion-nav-view></ion-nav-view>
</body>

app.js：

app = angular.module('starter', ['ionic']);
app.config(function($stateProvider, $urlRouterProvider) { 

  $stateProvider    
    .state('login', {
      url: '/login',
      templateUrl: 'login.html'
    })
    .state('home', {
      url: '/home',
      templateUrl: 'home.html'
    });

    $urlRouterProvider.otherwise('/login');

});

另外，请务必定义模板home和login：

<script type="text/ng-template" id="home.html">
  <p>This is home.</p>
</script>

<script type="text/ng-template" id="login.html">
  <button ng-click="logUserIn()">Log me in!</button>
</script>

对于动态互动，您可以在控制器中使用$state：

app.controller('AppCtrl', function($scope, $state) {
  $scope.logUserIn = function() {
    $state.go('home');
  }
});

希望它有所帮助。干杯！

应用离子框架无标签

1 个答案: