2014-02-24 47 views
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將不會加載它。

+0

已經做了一些工作,以獲得IE8和AngularJS發揮好,我至少可以表明,IE8是一個很大的氣質大約形成不好的HTML特別是在一個像NG-視圖嵌套模板結合或其他方法。我有幾個例子,其中很奇怪的事情不僅僅在IE8中工作,直到最終發現它是因爲我犯了一個html錯誤(未封閉的標籤,自動關閉不允許自動關閉的標籤等) – Rich

+0

我必須使用帶所有模板的$ .trim和IE8 – koolunix

+0

@您是否嘗試過使用ng-view onload屬性?你認爲這可能以某種方式重新加載我的CSS模板已經呈現後? – dtothefp

回答

0

你加

document.createElement('ng-view'); 

你的索引文件?

angular doc p.4