aboutsummaryrefslogtreecommitdiffstats
path: root/docs/content/guide/ie.ngdoc
diff options
context:
space:
mode:
authorCaitlin Potter2014-02-06 14:02:18 +0000
committerPeter Bacon Darwin2014-02-16 19:03:40 +0000
commitf7d28cd377f06224247b950680517a187a7b6749 (patch)
tree20203b9f7bf60748bb752f325b1869415352a6f3 /docs/content/guide/ie.ngdoc
parent2e641ac49f121a6e2cc70bd3879930b44a8a7710 (diff)
downloadangular.js-f7d28cd377f06224247b950680517a187a7b6749.tar.bz2
docs(all): convert <pre>/</pre> snippets to GFM snippets
Diffstat (limited to 'docs/content/guide/ie.ngdoc')
-rw-r--r--docs/content/guide/ie.ngdoc31
1 files changed, 17 insertions, 14 deletions
diff --git a/docs/content/guide/ie.ngdoc b/docs/content/guide/ie.ngdoc
index 334161cb..7a1c828c 100644
--- a/docs/content/guide/ie.ngdoc
+++ b/docs/content/guide/ie.ngdoc
@@ -26,7 +26,8 @@ To make your Angular application work on IE please make sure that:
1. You polyfill JSON.stringify for IE7 and below. You can use
[JSON2](https://github.com/douglascrockford/JSON-js) or
[JSON3](http://bestiejs.github.com/json3/) polyfills for this.
- <pre>
+
+ ```html
<!doctype html>
<html xmlns:ng="http://angularjs.org">
<head>
@@ -38,21 +39,23 @@ To make your Angular application work on IE please make sure that:
...
</body>
</html>
- </pre>
+ ```
2. add `id="ng-app"` to the root element in conjunction with `ng-app` attribute
- <pre>
+
+ ```html
<!doctype html>
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="optionalModuleName">
...
</html>
- </pre>
+ ```
3. you **do not** use custom element tags such as `<ng:view>` (use the attribute version
`<div ng-view>` instead), or
4. if you **do use** custom element tags, then you must take these steps to make IE 8 and below happy:
- <pre>
+
+ ```html
<!doctype html>
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="optionalModuleName">
<head>
@@ -73,7 +76,7 @@ To make your Angular application work on IE please make sure that:
...
</body>
</html>
- </pre>
+ ```
The **important** parts are:
@@ -112,37 +115,37 @@ attribute names. So this requires no special handling in IE: `<div my-tag your:t
Suppose you have HTML with unknown tag `mytag` (this could also be `my:tag` or `my-tag` with same
result):
-<pre>
+```html
<html>
<body>
<mytag>some text</mytag>
</body>
</html>
-</pre>
+```
It should parse into the following DOM:
-<pre>
+```
#document
+- HTML
+- BODY
+- mytag
+- #text: some text
-</pre>
+```
The expected behavior is that the `BODY` element has a child element `mytag`, which in turn has
the text `some text`.
But this is not what IE does (if the above fixes are not included):
-<pre>
+```
#document
+- HTML
+- BODY
+- mytag
+- #text: some text
+- /mytag
-</pre>
+```
In IE, the behavior is that the `BODY` element has three children:
@@ -162,7 +165,7 @@ In IE, the behavior is that the `BODY` element has three children:
To make CSS selectors work with custom elements, the custom element name must be pre-created with
`document.createElement('my-tag')` regardless of XML namespace.
-<pre>
+```html
<html xmlns:ng="needed for ng: namespace">
<head>
<!--[if lte IE 8]>
@@ -192,7 +195,7 @@ To make CSS selectors work with custom elements, the custom element name must be
...
</body>
</html>
-</pre>
+```