2016-03-29 27 views
0

Angularjs projemde bir düğmeye tıkladıktan sonra yeni bir görünüm yüklemeye çalışıyorum. Bu hatayı alıyorum.Bunu çözmek için? ben yeniyim gibi benim app.jsangularjs durumu çözülemiyor

doğru devlet verdik etmek istiyorum angularjs için

'use strict'; 

var app = angular.module('app', ['ui.compat', 'ui.router', '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/'); 
    }]); 

ilk görünümü

<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-ui-router.js"></script> 
<script src="<?php echo base_url(); ?>angularjs/angular-route.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/app.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/Controllers/testCtrl.js"></script> 

saniye app.js görünüm

<body> 

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

        <h1>Welcome to Registration Page</h1> 

    <div id="body"> 

      <button><a href="" ng-click="submit();">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-ui-router.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/app.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/Controllers/regCtrl.js"></script> 

kontrolör

angular.module('app', ['ui.router']).controller('testCtrl', ['$scope', '$state', function testCtrl($scope, $state) { 


     $scope.click = function() { 

      $state.go('app.registerPage'); 

     }; 

    }]); 

HATA

angular.min.js:116 Error: Could not resolve 'app.registerPage' from state '' 
    at Object.transitionTo (angular-ui-router.js:3179) 
    at Object.go (angular-ui-router.js:3107) 
    at m.$scope.click (testCtrl.js:8) 
    at fn (eval at <anonymous> (angular.min.js:226), <anonymous>:4:206) 
    at b (angular.min.js:124) 
    at e (angular.min.js:268) 
    at m.$eval (angular.min.js:142) 
    at m.$apply (angular.min.js:143) 
    at HTMLAnchorElement.<anonymous> (angular.min.js:268) 
    at Pf (angular.min.js:36) 
+0

Hata nedir? – JanR

+0

angular.min.js: 116 Hata: 'registerPage'i' ' – CraZyDroiD

cevap

0

Bir vatansız görünüm oluşturmak, böylece, app.registerPage durumuna görünümden "jump" olamaz açısal. Bir üs (ev, indeks) durumu oluşturup ilk bakış açınızı göstermeniz gerektiğini düşünüyorum.

.state('home', 
     { 
      url: "/", 
      templateUrl:'views/your_first_view.html', 
      controller: "testCtrl" 
     }); 

Ayrıca, ilk bakış div gelen ng-controller="testCtrl" silmeniz gerekir.

+0

durumundan çözemediniz, yani' app.registerPage 'değerini' registerPage 'olarak değiştirmem gerekiyor. Şansını denemedim – CraZyDroiD

+0

@CraZyDroiD ama $ state.go aramayı değiştirdiniz mi? – levi

+0

yes.i bunu da değiştirdi. – CraZyDroiD