更新:
因此,这似乎是 IE 和 javascript 更新标题元素的问题。考虑到这一点,有谁知道如何解决这个问题?截至目前,我没有接受这个问题的答案,所以不妨深入了解一下。
原始问题:
我最近真的一直在深入研究 AngularJS 并喜欢它。但是,我遇到了一个重大问题。数据绑定/模板在 IE 8 中不起作用。我正在设置一个$scope.pageTitle
在 my中调用的变量MainController
,它适用于 Chrome 和 Firefox。在 IE 8 中,它显示{{pageTitle}}
在标题栏中,我找不到任何有关如何解决此问题的信息。它让我发疯。任何人都可以帮助或指出我可能忽略的资源吗?如果真的需要,我可以做一个 jsfiddle 作为例子。
这是我的顶部index.html
:
<!DOCTYPE html>
<html lang="en" ng-app="App" ng-controller="MainController">
<head>
<!-- Vendor JS Libraries -->
<script type="text/javascript" src="lib/angular.js"></script>
<script type="text/javascript" src="lib/underscore-min.js"></script>
<script type="text/javascript" src="lib/jquery.js"></script>
<!-- Bootstrap JS & CSS -->
<script type="text/javascript" src="lib/bootstrap/js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.css">
<!-- Lightbox JS & CSS-->
<script type="text/javascript" src="lib/lightbox/js/lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="lib/lightbox/css/lightbox.css">
<!-- Application resources -->
<script src="static/app.js"></script>
<link rel="stylesheet" type="text/css" href="static/app.css">
<title>{{pageTitle}} – Site Name</title>
</head>
我的app.js
:
//AngularJS stuff
angular.module('App', []).
config(function($routeProvider)
{
$routeProvider.
when('/home', {templateUrl:'templates/home.html', controller:HomeController}).
otherwise({redirectTo:'/home'})
});
function MainController($scope){
$scope.pageTitle = 'Default';
$scope.setPageTitle = function(pageTitle){
$scope.pageTitle = pageTitle;
}
}
function HomeController($scope){
$scope.setPageTitle('Home');
}