2015-04-23 4 views
2

Я хочу настроить угловой с помощью ng-route с помощью JADE. Я не могу подключиться к своим шаблонам (где храню файлы html). Ниже приведены этапы. Я прошу прощения, что он длинный, но я хотел показать все, что связано. Любой совет по настройке углового с выражением очень ценится !!!!ng view not rendering jade templates

var app = express(); 
app.set('view engine', 'jade'); 
app.set('views', __dirname + '/views'); 
app.use(express.static(__dirname + '/public')); 
app.use(bodyParser.urlencoded({extended: false})); 

В моем layout.jade я идентифицировал все теги скриптов, которые я буду использовать.

script(src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.js") 
    script(src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular-resource.js") 
    script(src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular-route.js") 
    script(src="/client.js") 

В моем index.jade

extends layout 

block content 
    div(ng-view) 

Я создал шаблонов папки внутри моих взглядов, и я корпус моей домашней страницы есть.

Это содержимое моей общей папки.

var beerApp = angular.module('beerApp',['ngResource','ngRoute']); 

beerApp.config(function($routeProvider){ 
    $routeProvider 
     .when('/',{ 
      templateUrl:'/templates/home', 
      controller: 'homeController' 
     }) 

}); 



beerApp.controller('homeController',function(){ 
    console.log('controller set up') 

}); 

Моего первое предположение, что внутри мои контроллеров я должен нужно настроить запрос для tempates, так что я сделал.

var indexController = { 
index: function(req, res) { 
    res.render('index'); 
}, 
getTemplate: function(req,res){ 
    res.render('templates/', + req.params.templateid); 
} 

};

module.exports = indexController; 

Рендеринг шаблонов не сделал ничего, чтобы исправить мою ошибку. Home.html не найден в моих инструментах chrome dev.

+0

Пропустили ли вы 'ng-app' в шаблоне макета? –

+0

Нет У меня это тоже – Winnemucca

ответ

0

маршруты/templates.js

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

/* GET template by name */ 
router.get('/:templateid', function(req, res, next) { 
    res.render('templates/' + req.params.templateid); 
}); 

module.exports = router; 

app.js - поэтому у вас есть доступ к шаблонам по URL, например. templates/home - проверить, если broweser может сделать этот шаблон

app.use('/templates', require('./routes/templates')); 

шаблоны/home.jade - использование труб для маркировки текста в качестве исходного содержания

p 
    | {{ hello }} 

client.js

beerApp.controller('homeController', function ($scope) { 
    $scope.hello = 'hello world'; 
});