如何让我的角度应用程序在ie8中呈现?

时间:2014-07-14 20:00:05

标签: javascript angularjs internet-explorer internet-explorer-8 cross-browser

我无法让我的应用程序在ie8中呈现。我已经包括了我可能想到的每个垫片/ shiv。我的HTML有什么问题吗?我的应用程序在ie9上面的每个浏览器中都能完美运行。

感谢任何帮助,这是我的index.html文件:

<!doctype html>
<html class="no-js" xmlns:ng="http://angularjs.org" id='ng-app' ng-app="PredictionApp" >
  <head>
    <meta charset="utf-8">
    <title>Prediction App</title>
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!-- build:css(.) styles/vendor.css -->
    <!-- bower:css -->
    <!-- endbower -->
    <!-- endbuild -->
    <!-- build:css(.tmp) styles/main.css -->
    <!-- <link href='http://fonts.googleapis.com/css?family=Roboto:500,300|Crimson+Text:400,600,400italic' rel='stylesheet' type='text/css'> -->
    <link rel="stylesheet" href="ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="bower_components/angular-rangeslider/angular.rangeSlider.css">
    <link rel="stylesheet" href="bower_components/rickshaw/rickshaw.css">
    <link rel="stylesheet" href="bower_components/allmighty-autocomplete/style/autocomplete.css">
    <link rel="stylesheet" href="main.css">
    <!-- endbuild -->

    <!--[if lt IE 9]>
    <script src="bower_components/html5shiv/dist/html5shiv.min.js"></script>
    <script src="bower_components/es5-shim/es5-shim.min.js"></script>
    <script src="bower_components/json3/lib/json3.min.js"></script>
    <script src="bower_components/r2d3/r2d3.js" charset="utf-8"></script>
    <script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script>
    <![endif]-->

    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/angular-animate/angular-animate.min.js"></script>
    <script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.min.js"></script>
    <script src="bower_components/angular-rangeslider/angular.rangeSlider.js"></script>
    <script src="bower_components/moment/moment.js"></script>
    <script src="bower_components/lodash/dist/lodash.compat.min.js"></script>
    <script src="bower_components/clndr/clndr.min.js"></script>
    <script src="bower_components/restangular/dist/restangular.js"></script>
    <script src="bower_components/d3/d3.js"></script>
    <script src="bower_components/rickshaw/rickshaw.js"></script>
    <script src="bower_components/allmighty-autocomplete/script/autocomplete.js"></script>
    <script src="bower_components/allmighty-autocomplete/script/app.js"></script>

    <script src="application.js"></script>

  </head>
  <body>
    <!--[if lt IE 7]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->
    <div class='app-container' ui-view autoscroll="true"></div>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

你的拉角1.3他们没有正式支持。检查链接https://docs.angularjs.org/guide/ie 如果您支持IE 8,也可以尝试角度1.2。