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;
完全なコード:$routeProvider
でhttps://github.com/federhico/AngularTest
変更なし...ルートはhomeroute.jsに行きます 投稿を編集してファイルを追加する方法はわかりませんが、githubを見るとAngularTest/app/routes/views/homeRoute.jsになります – federhico
できません、あなたはレポをクローンできますか? – federhico