$ stateProvider在Angularjs + Ionic中無法正常工作

我有腳手架離子項目與發生器離子並創建了一個空白項目。我試圖添加一個狀態，但該應用程序不加載任何狀態中定義的模板。

這裏是我的app.js

'use strict'; 
    angular.module('IonicCarOPedia', ['ionic']) 
    .run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard 
    // for form inputs) 
    if(window.cordova && window.cordova.plugins.Keyboard) { 
     cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
    } 
    if(window.StatusBar) { 
     // org.apache.cordova.statusbar required 
     StatusBar.styleDefault(); 
    } 
    }); 
}) 
    .config(function ($stateProvider, $urlRouterProvider) { 

    $stateProvider 

     .state('main', { 
     url: '/main', 
     templateUrl: 'view/main-view.html', 
     controller:'MainCtrl1' 
     }); 

    // if none of the above states are matched, use this as the fallback 
    $urlRouterProvider.otherwise('/main'); 

    }) 

.controller('MainCtrl1', function(){ 
    console.log("main ctrl alled") 
    });

下面是index.html的：

<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title>"IonicCarOPedia"</title> 

    <link rel="stylesheet" href="lib/ionic/release/css/ionic.css" /> 

    <link rel="stylesheet" href="styles/main.css"> 
    </head> 

    <body ng-app="IonicCarOPedia"> 

    <script src="lib/angular/angular.js"></script> 
    <script src="lib/angular-animate/angular-animate.js"></script> 
    <script src="lib/angular-sanitize/angular-sanitize.js"></script> 
    <script src="lib/angular-ui-router/release/angular-ui-router.js"></script> 
    <script src="lib/collide/collide.js"></script> 
    <script src="lib/ionic/release/js/ionic.js"></script> 
    <script src="lib/ionic/release/js/ionic-angular.js"></script> 
    <script src="cordova.js"></script> 

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

    <nav-bar type="bar-positive" 
      animation="nav-title-slide-ios7" 
      back-button-type="button-icon" 
      back-button-icon="ion-ios7-arrow-back"></nav-bar> 

    <nav-view></nav-view> 
</body> 
</html>

和主view.html：

<view title="'Employees'"> 

    <div class="bar bar-subheader item-input-inset"> 
    <label class="item-input-wrapper"> 
     <i class="icon ion-ios7-search placeholder-icon"></i> 
    </label> 
    </div> 

</view>

我做什麼都心不是模板顯示，甚至沒有調用MainCtrl1。

任何幫助表示讚賞。謝謝

來源

2014-11-14 sufyan.shoaib

好似乎像一些愚蠢的錯誤，但我曾嘗試過，但從未工作，但現在工作。

我已經改變離子元素：nav-bar到ion-nav-bar，nav-view到ion-nav-view和view到ion-view和現在的工作。

來源

2014-11-14 10:58:05

$ stateProvider在Angularjs + Ionic中無法正常工作

回答

相關問題