2016-03-27 7 views
0

angularjsアプリケーションに状態を実装する際に問題が発生しました。私は多くの人が同じ問題を抱えているのを見ましたが、私の問題に対する解決策を見つけることができませんでした。

マイapp.js

'use strict'; 

var app = angular.module('app', ['ui.router', 'ngRoute', 'ngResource','testCtrl']); 

app.config(['$stateProvider', '$urlRouterProvider', '$routeProvider', '$locationProvider','$httpProvider', function ($stateProvider, $urlRouteProvider, $routeProvider, $locationProvider,$httpProvider) { 


     $locationProvider.html5Mode(true); 
     $stateProvider 

.state('app.registerPage', { 
        url: "/tp/AddQ", 
        views: { 
         'menuContent': { 
          templateUrl: "views/Registration_view.php", 
          controller: 'testCtrl' 
         } 
        } 
       }); 

     $urlRouteProvider.otherwise('/AEAS/admin/'); 
    }]); 

私のコントローラ

var app = angular.module('app', []).controller('testCtrl', ['$scope', '$http','$state', function ($scope, $http,$state) { 


     $scope.click = function(){ 

      console.log("done"); 
      $state.go('app.registerPage'); 


     }; 

    }]); 

私の見解

<body> 

<div class="container" ng-controller="testCtrl" ng-app="app"> 
      <div class="row"> 
       <form role="form" ng-submit="submit(data)"> 

        <h1>Welcome to Heart attack predictor!</h1> 

    <div id="body"> 

      <button><a href="" ng-click="click();">Edit</a></button> 

    </div> 
       </form> 

</div> 
</div> 

</body> 


<script src="<?php echo base_url(); ?>angularjs/angular.min.js"></script> 
<script src="<?php echo base_url(); ?>angularjs/angular-resource.min.js"></script> 
<script src="<?php echo base_url(); ?>angularjs/angular-route.js"></script> 
<script src="<?php echo base_url(); ?>angularjs/angular-ui-router.min.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/Controllers/testCtrl.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/app.js"></script> 

これは、errはありますまたは私はまず

Failed to instantiate module app due to: 
Error: [$injector:modulerr] http://errors.angularjs.org/1.5.3/$injector/modulerr?p0=t...) 
    at Error (native) 
    at http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:6:416 
    at http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:40:60 
    at q (http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:7:355) 
    at g (http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:39:135) 
    at http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:39:304 
    at q (http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:7:355) 
    at g (http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:39:135) 
    at eb (http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:43:164) 
    at c (http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:20:463 
+0

VARアプリ= angular.module( 'アプリ')にコントローラを変更してみてください、通常は[]、あると思わないの新しいアプリ – user2950720

答えて

0

を取得し、testCtrl.jsapp.jsが含まれます。

次に、testCtrl.jsでは、がapp.jsで定義された変数を再宣言しています。だから、変化に:

app.controller('testCtrl'); 

代わりの

var app = angular.module('app', []).controller('testCtrl') 
+0

を作成し、ワーキング。あなたは$ statesを動かすためにどの角度のファイルをロードすべきか教えてください。私は角度uiルータを追加しましたが、私のために働いていません。 – CraZyDroiD

+0

atleast imoというエラーは発生しません。何がうまくいかないのか分からない。あなたはプランナーを作ることができますか? –

+0

私はcodeigniterフレームワークでこれをやっています...それは問題になりますか? – CraZyDroiD