Question

我正在处理与IE8兼容的Angular指令。这是我到目前为止所得到的。当然，它适用于Chrome，但我无法使用此代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>NG Directive</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="http://code.angularjs.org/1.2.8/angular.min.js"></script>
    <script>
        var TimerApp = angular.module('TimerApp', []);
        TimerApp.directive('timer', function($interval){
            return {
                restrict: 'E',
                replace: 'true',
                link: function(scope, elem, attrs){
                    scope.seconds = 0;
                    scope.minutes = 0;

                    $interval(function(){
                        scope.seconds++;
                        if(scope.seconds > 59) {
                            scope.seconds = 0;
                            scope.minutes++;
                        }
                    }, 1000);
                }
            }
        });
    </script>
</head>
<body ng-app="TimerApp">
    <timer>Seconds: {{seconds}} Minutes: {{minutes}}</timer>
</body>

Answer 1

IE8不喜欢自定义标签，请查看此post以获取更多信息。您可以接受该建议或允许您的指令处理Attribute或Class。

Answer 2

我得到了ie9。我在ie8浏览器和从开发人员工具中选择的文档模式测试了你的代码，似乎工作。你会收到这样的消息＆＃34; Internet Explorer将这个网页限制为运行Active x＆＃34;单击“启用阻止的内容”，应该可以正常工作。

IE8兼容定时器指令

2 个答案: