短版本
為確保Angular應(yīng)用在IE上能夠工作請(qǐng)確認(rèn)：
1. 在IE7或更早的版本上polyfill JSON.stringify。你可以使用JSON2或JSON3來(lái)polyfills。
<!doctype html> <html xmlns:ng="http://angularjs.org"> <head> <!--[if lte IE 7]> <script src="/path/to/json2.js"></script> <![endif]--> </head> <body> ... </body> </html>
2. 在連接處將id="ng-app"添加到根元素，使用ng-app屬性
<!doctype html> <html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="optionalModuleName"> ... </html>
3. 你不能使用自定義的元素標(biāo)記，像<ng:view>(使用屬性版本<div ng-view>來(lái)代替)，或
4. 如果你必需要用自定義元素標(biāo)記，然后你必須采取以下步驟以確保IE8及之前版本都能用：
<!doctype html> <html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="optionalModuleName"> <head> <!--[if lte IE 8]> <script> document.createElement('ng-include'); document.createElement('ng-pluralize'); document.createElement('ng-view'); // Optionally these for CSS document.createElement('ng:include'); document.createElement('ng:pluralize'); document.createElement('ng:view'); </script> <![endif]--> </head> <body> ... </body> </html>5. 使用ng-style標(biāo)記來(lái)替代style="{{ someCss }}"。后續(xù)的版本能夠在Chrome和Firefox下工作但不能在IE版本＜＝11下工作（在撰寫本文時(shí)的最新版本）。
重要部分是:
版本信息
IE對(duì)非標(biāo)準(zhǔn)的標(biāo)簽元素有很多問(wèn)題。這些問(wèn)題可以歸為兩大類別，每一類別都有自己的解決辦法。
好消息
好消息是這些限制僅僅適用于元素標(biāo)記名稱并不適用于元素屬性名稱。因此，在IE中并不需要特別的處理：<div my-tag your:tag></div>
如果我不這樣做，會(huì)發(fā)生什么？
假如你使用HTML的未知標(biāo)記mytag（my:tag或者my-tag結(jié)果是相同的）：
<html> <body> <mytag>some text</mytag> </body> </html>
應(yīng)該解析出如下的DOM：
#document +- HTML +- BODY +- mytag +- #text: some text
預(yù)期的行為是BODY元素有一個(gè)mytag子元素，它帶有一些文字。
但是在IE中不是這樣的（如果沒有包含上面的修訂）
#document +- HTML +- BODY +- mytag +- #text: some text +- /mytag
在IE中，BODY元素有三個(gè)子元素：
1，一個(gè)自關(guān)閉的mytag。例如自關(guān)閉標(biāo)簽<br/>。/是可選的，但是<br>標(biāo)簽是不允許有子元素的，瀏覽器將<br>some text</br>視為三個(gè)同輩的標(biāo)簽，而some text并不是<br>的子元素。
2，一個(gè)文本節(jié)點(diǎn)some text。在上面這應(yīng)該是mytag的子元素，而不是同輩標(biāo)簽
3.一個(gè)損壞的自關(guān)閉的/mytag。這是一個(gè)損壞的元素因?yàn)樵孛Q是不允許帶/字符的。另外，這種子關(guān)閉的元素并不是DOM的一部分，它僅僅是用于描述DOM的結(jié)構(gòu)。
CSS風(fēng)格的自定義標(biāo)記命名
為確保CSS選擇器能夠在自定義元素上工作，自定義元素的名稱必須預(yù)先使用document.createElement('my-tag')創(chuàng)建，不需顧慮XML的命名空間。
<html xmlns:ng="needed for ng: namespace"> <head> <!--[if lte IE 8]> <script> // 需要確認(rèn)ng-include被正常解析 document.createElement('ng-include'); // 需求啟用CSS引用 document.createElement('ng:view'); </script> <![endif]--> <style> ng/:view { display: block; border: 1px solid red; } ng-include { display: block; border: 1px solid blue; } </style> </head> <body> <ng:view></ng:view> <ng-include></ng-include> ... </body> </html>新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
