angularjsのあるフォームから別のフォームに移動しようとしています

Question

私はMEANスタックについて学んだことを練習するために私自身のプロジェクトを作りました。プロジェクトでは、ユーザーがフォームに記入し、それをデータベースに保存した後、システムを使用して2番目のフォームを使用して入力します。フロントエンド用のangularjsです。 ui.route。何らかの理由で私のプログラムは第2のプログラムには行きません。私はすでに同じ問題を抱えている他の人について読んだので、私のアルゴリズムに間違いがあるかどうかはわかりません。すべてのフォームは、単独で、またはツールバーから電話をかけるときにうまく機能します。

Frontend.js

私は、ユーザーが記入するフォームを表示し、その後、私は保存するためにボタンをユーザーがクリックした後addcompany（）を呼び出して、必要なコントローラを使用して、フォームから

angular 
    .module('authApp',['auth0', 'angular-storage', 'angular-jwt', 'ngMaterial', 'ui.router', 
      'AdminUser', 'appProfile', 'appToolbar', 'Mod-Company', 'ModShow']) 

    .config(function($provide, authProvider, $urlRouterProvider, $stateProvider, $httpProvider, jwtInterceptorProvider,$mdThemingProvider){ 

/* $mdThemingProvider.theme('docs-dark'); */ 
    $mdThemingProvider.theme('default') 
     .dark(); 

    $mdThemingProvider.alwaysWatchTheme(true); 

    authProvider.init({ 
    domain: 'workflowjobs.auth0.com', 
    clientID: 'SjzgRRh3w4ZEFRGLdglpJYvCPCkM189w' 
    }); 

    jwtInterceptorProvider.tokenGetter = function(store) { 
     return store.get('id_token'); 
    } 

    $urlRouterProvider.otherwise('/home'); 

    $stateProvider 
    .state('home', { 
     url: '/home', 
     templateUrl: 'components/home/home.html' 
    }) 
    .state('company', { 
     url: '/company', 
     templateUrl: 'components/company/company.html' 
    }) 
    .state('singlecompany', { 
     url: '/singlecompany', 
     templateUrl: 'components/singlecompany/singlecompany.html' 
    }) 
    .state('show', { 
     url: '/show', 
     templateUrl: 'components/show/show-form.html' 
    }) 
    .state('ticket', { 
     url: '/ticket', 
     templateUrl: 'components/ticket/ticket.html' 
    })   
    .state('useradmin', { 
     url: '/useradmin', 
     templateUrl: 'components/useradmin/useradmin.html' 
    }) 
    .state('user', { 
     url: '/user', 
     templateUrl: 'components/user/user.html' 
    })  
    .state('profile', { 
     url: '/profile', 
     templateUrl: 'components/profile/profile.html', 
     controller: 'profileController', 
     controllerAs: 'user'  
    }); 

mongodbデータベースのドキュメント。

<section class="table" ng-controller="CompanyCtrl"> 
    <form name="CompanyForm"> 
    ... 
    <input class="form-control" ng-model="company.name" size="40"> 
    ... 
    <p><md-button class="md-raised md-primary md-hue-1" ng-click="addcompany()" aria-label="next"> 

ここで私は問題があります。 $のlocation.path（ '/ adminユーザー'）は動作しません。

var app = angular.module('Mod-Company', []); 

app.controller('CompanyCtrl', ['$scope', '$http', 
          function($scope,$http){ 

       var refresh = function() { 
          $http.get('http://localhost:3001/api/company').success(function(response){ 

               $scope.companylist = response; 
               $scope.company = "";  
               }); 
             }; 

       refresh(); 



       $scope.addcompany = function(){ 
         $http.post('http://localhost:3001/api/company', $scope.company).success(function(response) { 

             refresh(); 

            $location.path('/useradmin'); 

             }); 
            $location.path('/useradmin'); 
         }; 

Answer 1

代わりの$location.path('/useradmin');試し$state.go('useradmin');を使用します。

それはまだ動作しない場合、あなたがそのように..にクローム、IEからコンソール内の任意の特定のエラーをスローしていhttps://jsbin.comまたはhttps://plnkr.co