Question

我正在做关于angularjs的教程。一切都很好，直到与路线一起工作。我之前搜索过这个问题，但它对我不起作用。
我正在完成编写类型的代码，但它无法正常工作。 ng-view放入index.html

<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);})();

Answer 1

您的代码中有错误：

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

删除逗号（或插入缺少的参数），您的应用应该开始工作。

一般情况下，我建议在编码过程中始终保持开发人员控制台的开放状态。

ng-view不显示Route（angularjs）

1 个答案: