2
我有一個角度應用,除了在IE8中運行良好。實質上,我的外部樣式表中的樣式不會對在視圖中呈現的代碼生效。我遵循Angular IE指南。這裏是我有我的HTML元素的代碼:在IE8中無法呈現角度視圖的CSS樣式
<!--[if IE 8]>
<html class="no-js lt-ie9" xmlns:ng='http://angularjs.org' id='ng-app' ng-app='HPApp' ng-controller='HPMainController' ng-init='loadHP()'>
<![endif]-->
我後來渲染IE特定的樣式表,否則我使用數據綁定來呈現特定的URL stylsheet
<!--[if IE 8]>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" ng-href="css/{{cssPath}}">
<!--<![endif]-->
體內後來我的HTML中我有一個NG-view屬性
<div ng-view></div>
如果我刪除與NG-視圖和硬編碼在div一個div在我的模板我的風格生效。否則,我的樣式似乎在呈現模板之前應用於頁面。
此外,請注意,如果我在我的IE特定樣式表上使用ng-href屬性,IE將不會加載它。
已經做了一些工作,以獲得IE8和AngularJS發揮好,我至少可以表明,IE8是一個很大的氣質大約形成不好的HTML特別是在一個像NG-視圖嵌套模板結合或其他方法。我有幾個例子,其中很奇怪的事情不僅僅在IE8中工作,直到最終發現它是因爲我犯了一個html錯誤(未封閉的標籤,自動關閉不允許自動關閉的標籤等) – Rich
我必須使用帶所有模板的$ .trim和IE8 – koolunix
@您是否嘗試過使用ng-view onload屬性?你認爲這可能以某種方式重新加載我的CSS模板已經呈現後? – dtothefp