在Internet Explorer 7上运行AngularJS应用

酆恩

2023-03-14

问题内容：

为了确保AngularJS是否可以在我需要的浏览器上运行，我制作了一个简单的数据绑定演示，该演示可以在Firefox，Chrome IE8
+上正常运行，但我还需要使其在IE7上运行。不幸的是，我无法使其正常运行。它仅显示带有花括号的html，而忽略ng-属性。

我在Internet Explorer上检查了几篇有关AngularJS的帖子，并尝试了每一项的建议修复，但在我的演示中没有任何效果。

这是我的演示的HTML：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Angular IE7 Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!--[if lt IE 9]>
<script type="text/javascript" src="angularjs/html5shiv.js"></script>
<![endif]-->
<!--[if lt IE 8]>
<script type="text/javascript" src="angularjs/json3.js"></script>
<![endif]-->
<script language="JavaScript" src="angularjs/angular.min.js"></script>
<script language="JavaScript" src="angularjs/test.js"></script>
</head>
<body class="ng-app">
    <div ng-controller="serversCtrl">
        <p>{{texto}}</p>

        <table border="1">
            <tbody>
                <tr><th>Col1</th><th>Col2</th><th>Col3</th></tr>
                <tr ng-repeat="item in items"><td>{{item.col1}}</td><td>{{item.col2}}</td><td>{{item.col3}}</td></tr>
            </tbody>
        </table>
    </div>
</body>
</html>

这是包含控制器和模型的test.js javascript：

function serversCtrl($scope, $http, $location) {
    $scope.texto = "Texto dinamico";
    $scope.items = [
        {col1: "foo1", col2: "bar1", col3: "baz1"},
        {col1: "foo2", col2: "bar2", col3: "baz2"},
        {col1: "foo3", col2: "bar3", col3: "baz3"},
        {col1: "foo4", col2: "bar4", col3: "baz4"},
        {col1: "foo5", col2: "bar5", col3: "baz5"}
    ];
}

难道我做错了什么？还有其他让我错过的技巧吗？

编辑： 我正在使用AngularJS v1.0.5

问题答案：

经过更多阅读后，我可以使其工作。

IE7的问题在于引导程序。它没有开火！因此，我进行了如下页所示的手动初始化，并且可以正常工作。

这是我添加到HTML中的代码，以确保它只能在Internet Explorer
8或更低版本上启动（因为如果我为所有浏览器都启动它，则某些事件处理程序将为非IE浏览器启动两次）：

<!--[if lte IE 8]>
<script type="text/javascript">
    $(document).ready(function() {
        angular.bootstrap(document);
    });
</script>
<![endif]-->

该$document.ready()部分是jQuery的一种方法，可以确保在身体上的所有内容加载完毕后都将执行此代码，但是由于我是在网站上使用jQuery的，所以我利用了它。

在Internet Explorer 7上运行AngularJS应用

相关阅读

相关文章

相关问答

相关工具

相关文档