각도 컨트롤러가 작동하지 않습니다 올바르게

각 컨트롤러가 초기화되어야 할 때 i가 작동하지 않는 순간에, 간단한 각 프로젝트를 설정하려고 만하고있어 ...각도 컨트롤러가 작동하지 않습니다 올바르게

해당/홈 경로 템플릿이 보이기 때문에 (또는 그렇게 생각합니다) 하지만 ng-repeat는 출력 코드에서 "주석 처리"됩니다.

(function() 
{ 

    angular.module('angularTest',['ngRoute']) 
    .config(config) 

    config.$inject=['$routeProvider']; 
    function config($routeProvider) 
    { 
      $routeProvider 
      .when('/home', { 
      templateUrl : '/home', 
      controller : HomeCtrl 
     }); 

    } 

    HomeCtrl.$inject=['$scope']; 
    function HomeCtrl($scope) 
    { console.log('homectrl'); 
     $scope.init = init; 

     function init() 
     { 

      $scope.names=['a','b','c']; 
     } 
     $scope.init(); 
    } 

})()

server.js 여기

var express  = require('express'); 
var app   = express(); 
var mongoose = require('mongoose'); 
var http  = require('http'); 
var path  = require('path'); 


var home = require('./app/routes/views/homeRoute'); 




app.set('views', path.join(__dirname, 'app/views')); 
app.set('view engine','pug'); 


app.use(home); 

app.use(express.static(__dirname+'/public')); 
app.set('port',process.env.PORT || 8080); 

http.createServer(app).listen(app.get('port'),function() 
{ 
    console.log('listening '+app.get('port')); 
});

내 home.pug

html(ng-app='angularTest') 
    head 
     body 
      h1(ng-repeat='name in names') 
script(src='/libs/angular/angular.min.js') 
script(src='/libs/angular/angular-route.min.js') 
script(src='/libs/angular/angular-sanitize.min.js') 
script(src='/js/main.js')

출력

<html ng-app="angularTest" class="ng-scope"> 
    <head> 
    </head> 
    <body><!-- ngRepeat: name in names --> 
     <script src="/libs/angular/angular.min.js"></script> 
     <script src="/libs/angular/angular-route.min.js"></script> 
     <script src="/libs/angular/angular-sanitize.min.js"></script> 
     <script src="/js/main.js"></script> 
    </body> 
</html>

이

내 main.js입니다 15,

homeRoute.js

var router=require('express').Router(); 


router.get('/home',function(req, res) 
{ 

    res.render('_shared/home.pug'); 

}); 

module.exports=router;

전체 코드 : https://github.com/federhico/AngularTest가 $routeProvider에 templateUrl가 .html 함께 첨부이, 같아야

출처

2016-10-08 federhico

도 ''

와 컨트롤러 경로가 적합한 지 확인

찾는

function config($routeProvider) 
    { 
      $routeProvider 
      .when('/home', { 
      templateUrl : '/home.html', 
      controller : 'HomeCtrl' 
     }); 

    }

출처

2016-10-08 18:34:27 Sajeetharan

변경 사항 없음 ... 경로가 homeroute.js로갑니다. 파일을 추가하기 위해 게시물을 편집하는 방법을 모르지만 github을 보면 AngularTest/app/routes/views/homeRoute.js에 있습니다. – federhico

할 수는 없지만 Repo를 복제 할 수 있습니까? – federhico

각도 컨트롤러가 작동하지 않습니다 올바르게

답변

관련 문제