$ 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-barion-view-nav-viewion-nav-view 및 view, ion-nav-bar에 그 지금 일했다.

출처

2014-11-14 10:58:05

$ stateProvider가 Angularjs + Ionic에서 제대로 작동하지 않습니다.

답변

관련 문제