2016-08-05 2 views
0

이것은 매우 기본적이지만 내 categories.view.html 내보기 폴더 (lorum ipsum으로 구성) 안에는 컨테이너 div가 표시되지 않습니다. 응용 프로그램보기 컨트롤러가 작동하지 않습니다.

는 HTML

<!DOCTYPE html> 
    <html lang="en" ng-app="kB"> 
     <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 


    <title>Mwiki</title> 

    <!-- Bootstrap core CSS --> 
    <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> 
    <!-- Custom styles for this template --> 
    <link href="stylesheets/style.css" rel="stylesheet"> 

    </head> 

    <body> 

    <nav class="navbar navbar-inverse"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Knowledgebase</a> 
     </div> 
     <div id="navbar" class="collapse navbar-collapse"> 

     </div><!--/.nav-collapse --> 
     </div> 
    </nav> 

    <div class="container"> 
     <div ng-view></div> 
    </div> 
    <footer> 
    <p> &copy; 2016 Wiki App</p> 
    </footer> 

    <!-- Bootstrap core JavaScript 
    ================================================== --> 
    <!-- Placed at the end of the document so the pages load faster --> 
    <script src="bower_components/angular/angular.min.js"></script> 
    <script src="bower_components/angular-route/angular-route.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
    <script src="controllers/articles.controller.js"></script> 
    <script src="controllers/categories.controller.js"></script> 
    <script src="app.js"></script> 
    </body> 
</html> 

이것은 내 index.html을

var app = angular.module('kB', ['ngRoute']); 

app.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/categories', { 
    templateUrl: 'views/categories.view.html', 
    controller: 'CategoriesCtrl' 
    }); 
}]); 

.controller('CategoriesCtrl', [function($scope) { 
console.log($scope); 
}]); 
+0

콘솔에서 오류가 발생하고 있습니까? –

답변

0

사용자 설정 기능 이후에 세미콜론을 제거 같은 폴더 안에 직접 인 app.js 파일 (또는 컨트롤러 앞에 앱 추가). 또한 주석을 달아주세요.

var app = angular.module('kB', ['ngRoute']); 

app.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/categories', { 
    templateUrl: 'views/categories.view.html', 
    controller: 'CategoriesCtrl' 
    }); 
}]) 

.controller('CategoriesCtrl', ['$scope', function($scope) { 
console.log($scope); 
}]); 

테스트하지는 않았지만 제대로 작동합니다.