$stateProvider在Angularjs中无法正常工作+；离子的_Angularjs_Cordova_Ionic Framework

$stateProvider在Angularjs中无法正常工作+；离子的

angularjs cordova ionic-framework

$stateProvider在Angularjs中无法正常工作+；离子的,angularjs,cordova,ionic-framework,Angularjs,Cordova,Ionic Framework,我用generator ionic创建了一个scaffold ionic项目，并创建了一个空白项目。我试图添加一个状态，但应用程序没有加载任何状态中定义的模板这是我的app.js 'use strict'; angular.module('IonicCarOPedia', ['ionic']) .run(function($ionicPlatform) { $ionicPlatform.ready(function() { // Hide the accessory

我用generator ionic创建了一个scaffold 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>


“IonicCarOPedia”

和main-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

感谢您的帮助。谢谢

好的，看起来像是犯了个愚蠢的错误，但我以前试过，但从来没有成功过，但现在成功了

我已经改变了爱奥尼亚元素：

导航条

到

离子导航条

，

导航视图

到

离子导航视图

，

视图

到

离子视图

，现在一切正常