2016-08-27 5 views
0

AngularJSを初めて使用しましたが、このAngularJSを実行しようとしていますが、ページを再ロードせずにURLを変更する必要がありますが、コンソールにUncaught Error:[$ injector:modulerr ]

問題はどこですか?

var app = angular.module("SearchAPP", ['ng-route']); 
 

 
app.run(['$route', '$rootScope', '$location', 
 
    function($route, $rootScope, $location) { 
 
    var original = $location.path; 
 
    $location.path = function(path, reload) { 
 
     if (reload === false) { 
 
     var lastRoute = $route.current; 
 
     var un = $rootScope.$on('$locationChangeSuccess', function() { 
 
      $route.current = lastRoute; 
 
      un(); 
 
     }); 
 
     } 
 
     return original.apply($location, [path]); 
 
    }; 
 
    } 
 
]); 
 

 
app.controller('GetController', ['$http', '$scope', '$location', 
 
    function($http, $scope, $rootScope, $location) { 
 

 
    $scope.click = function() { 
 

 
     var response = $http({ 
 
     url: 'http://localhost:4567/search', 
 
     method: "GET", 
 
     params: { 
 
      keyword: $scope.searchKeyword 
 
     } 
 
     }); 
 

 
     response.success(function(data, status, headers, config) { 
 
     $scope.searchResults1 = data; 
 
     // $http.defaults.useXDomain = true; 
 
     $location.path('/' + $scope.searchKeyword, false); 
 
     }); 
 

 
     response.error(function(data, status, headers, config) { 
 
     alert("Error."); 
 
     }); 
 
    }; 
 
    } 
 
]);

答えて

1

angualar-route.jsを取り付け、ng-route

var app = angular.module("SearchAPP", ['ngRoute']); 
の代わり ngRouteを使用
関連する問題