我遇到麻烦让IE8 / 9与我的应用程序设置方式一起工作。最初我使用express来存储我的会话var,这使用了像'/ broadcast / 12343'这样的url路径,但是当IE8中的视图没有渲染时。如果我将其更改为'/#/ broadcast / 12343'IE呈现正确但是express不读取散列var,因此无法设置会话,在这种情况下将是12343.我要么需要更改要创建的会话并检查角度或最好让IE8在URL中没有哈希值。
是的,我已经为angular-route.min.js提供了ngRoute和CDN文件
我的server.js
app.configure(function(){
app.set('views', __dirname + '/views');
app.set('view engine', 'jade');
app.set('view options', {
layout: false
});
app.use( express.cookieParser() );
app.use(express.session({
store: new MongoStore({
url: 'mongodb://URL/'
}),
maxAge : new Date(Date.now() + (3600000 * 24 *365)), //1 year
expires : new Date(Date.now() + (3600000 * 24 *365)), //1 year
secret: '1234567890QWERTY',
httpOnly: false
}));
app.use(express.favicon());
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(express.static(__dirname + '/public'));
app.use(app.router);
});
app.configure('development', function(){
app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});
app.configure('production', function(){
app.use(express.errorHandler());
});
app.get('/partials/:name', routes.partials);
app.get('/event/:eventid', routes.event);
app.post('/registrant/create', routes.register);
app.get('/broadcast/*', function (req, res) {
var eventid = req.url.replace("/broadcast/", "");///ie 12343
if(!req.session.eventids) req.session.eventids = [];
if (req.session.eventids.indexOf(eventid) > -1) {
res.render('index');
} else {
res.render('signup', {
title:"Signup",
eventid:eventid
});
}
});
app.get("*", routes.index);
app.js
var app = angular.module('myApp', ['myApp.filters','ngRoute','myApp.directives','myApp.services','snap']);
路由/ index.js
var Event = require('../models/events');
var mongoose= require('mongoose');
var url= require('url');
exports.index = function(req, res){
res.render('index');
};
exports.partials = function (req, res) {
var name = req.params.name;
res.render('partials/' + name);
};
exports.event = function (req, res) {
var id = req.params.eventid;
var self = this;
Event.findOne({managerId:id}, function(err, docs){
res.json(docs);
});
};
exports.register = function (req, res) {
var input = JSON.stringify(req.body);
var ip = req.headers['x-forwarded-for'] || req.connection.remoteAddress;
new Registrant({
eventid:req.body.eventid,
fields:input,
ip :ip,
updated_at : Date.now()
}).save( function ( err, registrant, count ){
if( err ) return next( err );
req.session.username = req.body.firstname + req.body.lastname + req.body.eventid;
});
if (req.session.eventids.indexOf(req.body.eventid) < 0)
req.session.eventids.push(req.body.eventid);
res.redirect('/broadcast/'+req.body.eventid);//eventid rendered in form on signup page
};
我的layout.jade
html#ng-app(data-ng-app="myApp" xmlns:ng="http://angularjs.org")
......
答案 0 :(得分:0)
app.get('/broadcast/*'
是否设计为返回Angular partial?
Angular预计你的部分应该是静态内容(以便它可以被缓存),并且控制应该显示内容的逻辑应该在控制器中。
您应该重新构建代码,以便对/broadcast/*
的GET请求始终返回相同的HTML,而不管会话的内容如何。
但是,如果/broadcast/*
NOT 应该返回部分内容,那么您可能需要更改<a>
标记,无论哪个页面链接到它,添加目标= “_顶部”。这将确保ngRouter不会劫持点击(附加哈希)。例如<a href="/broadcast/123" target="_top">Link</a>
如果没有看到其他客户端脚本,我就无法提供更多帮助。
答案 1 :(得分:0)
包含文件时出错,我需要一个绝对路径而不是相对路径,感谢您的帮助。