最近做了一个页面，其实主要是为了能够兼容ie8才做的，现在已经做完了，能够支持ie8，功能没有问题，我是一个新手，写出来的页面感觉不是很美观，不过暂时先这样吧，以后可以升级的。页面设计：bootstrap3.3.5做导航栏和页面效果、页面布局，为了让ie8能支持bootstrap3，需要引入3个js文件：html5shiv.js/es5-shim.js/respond.js，要注意，这3个js文件的路径必须要和bootstrap的js路径保持一致，在以下代码我会有标注的，而且必须要在bootstrap的后面引用，也可以参考这位网友的分享，非常详细：http://blog.csdn.net/chenhongwu666/article/details/41513901angular1.2.29做嵌入式路由、数据交互，1.3.0以上的版本都不支持ie8关于路由：嵌入式路由用的是angular-ui-router0.2.10版本，本来考虑用anular原生的ngRoute，由于一直报错，说是injectErr，就是在注入模块时出错，我也没有找到原因，而且据说ngRoute不支持嵌入式路由，所以就不用原生的ngRoute了，改用ui-router，个人感觉这个比较好用，如果把angular-ui-router换成0.2.15的版本就不支持ie8了，所以我推测0.2.10版本可能用的是angular1.3.0以下的版本写的。关于ui-router这里有非常详细的解释：http://www.oschina.net/translate/angularjs-ui-router-nested-routes?print要注意的地方是ui-sref="值"，这个“值”对应的是js中的状态，即state，一定要写对了，否则ui-view无法渲染关于控件：用到了3个控件，时间控件、模态框、分页时间控件用的是jquery-ui模态框和分页都是使用ui-bootstrap，庆幸的是ui-bootstrap0.12.0版本是最后能支持ie8的了 AngularJS AngularUI Bootstrap .CodeEntity .code_pieces ul.piece_anchor{width:25px;position:absolute;top:25px;left:-30px;z-index:1000;}.CodeEntity .code_pieces ul.piece_anchor li{width:25px;background: #efe;margin-bottom:2px;}.CodeEntity .code_pieces ul.piece_anchor li{border-left:3px #40AA63 solid;border-right:3px #efe solid;}.CodeEntity .code_pieces ul.piece_anchor li:hover{border-right:3px #40AA63 solid;border-left:3px #efe solid;}.CodeEntity .code_pieces ul.piece_anchor li a{color: #333;padding: 3px 10px;}.CodeEntity .code_pieces .jump_to_code{visibility:hidden;position:relative;}.CodeEntity .code_pieces .code_piece:hover .jump_to_code{visibility:visible;}.CodeEntity .code_pieces .code_piece:hover .jump_to_code a{text-decoration:none;}.CodeEntity .code_pieces h2 i{float:right;font-style:normal;font-weight:normal;}.CodeEntity .code_pieces h2 i a{font-size:9pt;background: #FFFFFF;color:#00A;padding: 2px 5px;text-decoration:none;}
angular + bootstrap 3 + ie8
