angular兼容性问题的解决（ie6，ie7....，火狐，谷歌，360，等亲测兼容）-蒲公英云

angular兼容性问题的解决（ie6，ie7....，火狐，谷歌，360，等亲测兼容）

在使用angular包的时候，会遇到一些兼容性问题，下面的代码是一个解决了兼容性问题的一段代码。

代码如下：

<!--[if lte IE 8]> <!DOCTYPE html><![endif]-->
<html id="ng-app" class="ng-app:TestApp" ng-app="TestApp">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
<title>ANGULAR TEST</title>
<style>
fieldset {
    border: black solid 1px;
}
.a{
font-size:9pt;
}
.sky{
    background-color:#99ccff;    
}
</style>
<script src="/fs/scripts/angular.min.v125.js"></script>
</head>
<body ng-controller="TestCtrl">
<h2 style="color:#009933;font-family:Arial">TESTTD</h2>
<table cellpadding=1 cellspacing=2 style="width:600px;font-family:Arial" class="a">
<tr>
    <td style="width:300px">ETB ID</th>
    <td style="width:300px">{
   {Test == null ? "---" : Test[0].TESTAAA}}</td>
</tr>
<tr>
    <td>Train Topography Counter</th>
    <td>{
   {Test == null ? "---" : Test[0].TESTBBB}}</td>
</tr>
</table>
<br />
<fieldset>
    <legend style="color: #009933;font-size:22px;font-family:Arial">List</legend>
    <table cellpadding=1 cellspacing=2 style="width:890px;font-family:Arial" class="a">
    <tr align="left" class="r5" style="background:#009933;color:#fff">
        <th style="width:370px">UUID</th>
        <th style="width:150px">Orientation</th>
        <th style="width:130px">Number</th>
        <th style="width:240px">Counter</th>
    </tr>
    <tr align="left" ng-if="Test != null" ng-repeat="entry in Test" ng-class="{'sky' : entry.TESTCCC == 'true'}">
        <td>{
   {entry.UUID}}</td>
        <td>{
   {entry.orientation}}</td>
        <td>{
   {entry.number}}</td>
        <td>{
   {entry.counter}}</td>
    </tr>
    </table>
</fieldset>
<script language="JavaScript">
    function ANGULAR(httpobj,scopeobj)
    {
        httpobj({
        method:'get',
        //添加时间是为了每次从浏览器读取时间使浏览器自己清除缓存
        url:'/cgi/json/Test.php?temptime=' + (new Date()).getTime(),
   timeout:2000,
        headers:{
        'Content-Type':undefined
        },
        })
        .success(function(data) {
            scopeobj.Test = data.Testdatas;
        })
        .error(function() {
           scopeobj.Test = null;
        });     
    }
    angular.module('TestApp', [])
    .controller('TestCtrl', function($scope, $http)
    {
        document.title = 'Test';
        $scope.title = 'Test';
        ANGULAR($http,$scope);
        setInterval(function() {
          ANGULAR($http,$scope);
        }, 2500);
    });
</script>
</body>
</html>