2016-10-08 11 views
1

角度コントローラを初期化する必要がある瞬間に、角度の小さいプロジェクトを設定しようとしていますが、実際には動作しません。角度コントローラが正しく動作しません

/homeルート しかし、ng-repeatは出力コードに "コメント"されています(テンプレートが表示されているためです)。

これは私のmain.jsです:

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> 
ここ

(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

homeRoute.js

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


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

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

}); 

module.exports=router; 

完全なコード:$routeProviderhttps://github.com/federhico/AngularTest

答えて

0

templateUrlは、このようなこと.htmlが付加、パスが正しい場合もチェック、''

プレイスコントローラべき

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

    } 
+0

変更なし...ルートはhomeroute.jsに行きます 投稿を編集してファイルを追加する方法はわかりませんが、githubを見るとAngularTest/app/routes/views/homeRoute.jsになります – federhico

+0

できません、あなたはレポをクローンできますか? – federhico

関連する問題