ng-view가 Route (angularjs)와 함께 표시되지 않습니다.

저는 angularjs에 관한 튜토리얼을하고 있습니다. 경로로 일할 때까지 모든 것이 괜찮습니다. 전에이 문제에 대해 조사하고 있지만 저에게는 효과가 없습니다.
필자는 작성자가 작성한 코드를 정확하게 작성하고 있지만 작동하지 않습니다. NG-보기 index.html을 넣어ng-view가 Route (angularjs)와 함께 표시되지 않습니다.

<html ng-app="githubViewer"> 
<head> 
    <title>Demo</title> 
    <script type="text/javascript" src="js/angular.min.js"></script> 
    <script type="text/javascript" src="js/angular-route.js"></script> 
    <script type="text/javascript" src="app.js"></script> 
    <script type="text/javascript" src="MainController.js"></script> 
    <script type="text/javascript" src="github.js"></script> 
</head> 
<body> 
    <h1>Github Viewer</h1> 
    <div ng-view=""></div> 
</body>

app.js

(function() { 
var app = angular.module("githubViewer", ["ngRoute"]); 
app.config(function($routeProvider) { 
    $routeProvider 
      .when("/main", { 
       templateUrl: "main.html", 
       controller: "MainController" 
      }) 
        .otherwise({redirectTo:"/main"}); 
});})();

MainController.js

(function() { 
var app = angular.module("githubViewer"); 
var MainController = function(
     $scope, $interval, $location) { 
    var decrementCountdown = function() { 
     $scope.countdown -= 1; 
     if ($scope.countdown < 1) { 
      $scope.search($scope.username); 
     } 
    }; 
    var countdownInterval = null; 
    var startCountdown = function() { 
     countdownInterval = $interval(decrementCountdown, 1000, 5, $scope.countdown); 
    }; 
    $scope.search = function(username) { 
     if (countdownInterval) { 
      $interval.cancel(countdownInterval); 
      $scope.countdown = null; 
     } 
    }; 
    $scope.username = "angular"; 
    $scope.countdown = 5; 
    startCountdown(); 
}; 
app.controller("MainController", MainController);})();

main.html

<div> 
{{countdown}} 
    {{username}} 
    <form name="searchUser" ng-submit="search(username)"> 
     <input type="search" required placeholder="usẻname to ind" ng-model="username" /> 
     <input type="submit" value="Search" ng-click="search(username)"> 
    </form>

github.js

(function() { 

var github = function($http) { 

var getUser = function(username){ 
    return $http.get("https://api.github.com/users/" + username) 
      .then(function(response){ 
       return response.data; 
    }); 
}; 

    var getRepos = function(user){ 
     return $http.get(user.repos_url) 
       .then(function(response){ 
        return response.data; 
     }); 
    }; 

    return{ 
     getUser : getUser, 
     getRepos: getRepos 
    }; 
}; 

var module = angular.module("githubViewer"); 
module.factory("github", github);})();

출처

2014-11-05 Giang Strider

당신은 당신의 코드에 오류가 있습니다

var MainController = function($scope, $interval, , $location) { 
        // unnecessary comma here ----^

쉼표를 제거 (또는 매개 변수가 누락 삽입)을하고 작업을 시작해야한다 귀하의 응용 프로그램 .

일반적으로 코딩하는 동안 개발자 콘솔을 항상 열어 두는 것이 좋습니다.

출처

2014-11-05 09:36:27 dfsq

이 코드를이 코드에 붙여 넣는 것은 제 실수입니다. 내 근원에서, 그것은 정확하게. 나는 내가 사용하는 루트에 관한 문제라고 생각한다. –

아직도 질문 : 콘솔에 오류가 있습니까? – dfsq

예. MainController.js에서 []를 다음과 같이두면 : var app = angular.module ("githubViewer", []); 오류는 아니지만보기가 표시되지 않습니다. 만약 내가 (정확히 어떤 저자 유형) 이런 식으로 삭제 : var app = angular.module ("githubViewer"); 그것 '오류 및 링크 : https://docs.angularjs.org/error/$injector/unpr?p0=$templateRequestProvider%20%3C-%20$templateRequest%20%3C-%20$route%20% 3C- % 20ngViewDirective –

ng-view가 Route (angularjs)와 함께 표시되지 않습니다.

답변

관련 문제