IE8 中的角度视图/路由 [英] Angular Views/Routes in IE8

查看：19 发布时间：2021/11/10 3:28:24 javascript angularjs internet-explorer-8 angular-routing

本文介绍了IE8 中的角度视图/路由的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我遵循了这个文档:http://docs.angularjs.org/guide/ie

但我仍然看不到 IE8 中的视图.它在现代浏览器中运行良好.ngRoute 辅助模块是否支持 IE8?有什么建议吗?

<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="demoApp"><头><!--[如果是 IE 8]><script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.0/json3.min.js"></script><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><身体><div class="容器">搜索方式:<span class="searchby"><a href="#/nameSearch">姓名</a>|<a href="#/">返回</a></span><div ng-view=""></div>

<script src="angular.min.js"></script><script src="angular-route.min.js"></script><脚本>var demoApp = angular.module("demoApp", ["ngRoute"]);demoApp.config(function ($routeProvider) {$routeProvider.什么时候 ('/'，{templateUrl: "views/welcomePage.html",控制器:简单控制器"}).when ('/nameSearch',{templateUrl: "views/nameSearch.html",控制器:简单控制器"}).otherwise ({ redirectTo: '/' });})demoApp.controller("SimpleController", function ($scope) {})

解决方案

我弄清楚到底发生了什么.第一个视图未在 IE8 和 IE9 中显示.但这些观点奏效了.我为 ui.router 切换了 ng-route 并将以下内容添加到标题中，现在可以正常工作了.

I followed this document: http://docs.angularjs.org/guide/ie

But still I do not see the views in IE8. It works fine in modern browsers. Does ngRoute helper module support IE8? Any suggestions?

<!DOCTYPE html>
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="demoApp">
  <head>
    <!--[if lte IE 8]>
        <script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.0/json3.min.js"></script>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body> 
    <div class="container">
        Search by: 
        <span class="searchby"><a href="#/nameSearch">Name</a> | <a href="#/">Back</a></span>
        <div ng-view=""></div>
    </div>
    <script src="angular.min.js"></script>
    <script src="angular-route.min.js"></script>
    <script>
        var demoApp = angular.module("demoApp", ["ngRoute"]);
        demoApp.config(function ($routeProvider) {
            $routeProvider
                .when ('/',
                    {
                        templateUrl: "views/welcomePage.html",
                        controller: "SimpleController"
                    })
                .when ('/nameSearch',
                    {
                        templateUrl: "views/nameSearch.html",
                        controller: "SimpleController"
                    })
                .otherwise ({ redirectTo: '/' });
        })

        demoApp.controller("SimpleController", function ($scope) {
        })          
    </script>   
</body>

解决方案

I figured out what was really happening. The first view wasn't displaying in IE8 and IE9. But the views were working. I switched ng-route for ui.router and added the following to the header and it now works fine.

<meta http-equiv="X-UA-Compatible" content="IE=8">

这篇关于IE8 中的角度视图/路由的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文

IE8 中的角度视图/路由 [英] Angular Views/Routes in IE8

问题描述

相关文章

前端开发最新文章

热门教程

热门工具

登录关闭

IE8 中的角度视图/路由 [英] Angular Views/Routes in IE8

问题描述

相关文章

前端开发最新文章

热门教程

热门工具

登录 关闭

登录关闭