IE9 AngularJs issue:Unable to get value of the property 'nodeName': object is null or undefinedundefined

Question

Getting this error when a page is being loaded with angular js in IE9. No issues with Chrom/FF.

"Unable to get value of the property 'nodeName': object is null or undefinedundefined"

Any pointers would help.I thought this was fixed as part of Angular js 1.0.1 release.

Answer 1

I got this error in IE9 when I accidentally had the following illegal markup.

<table>
   <h3>foo</h3>

    ..... blah

</table>

Maybe run a html lint to make sure you're not violating any rules like that.

Answer 2

The problem was:

<table>
    <tr ng-repeat="p in list">
        <td>{{p.f1}}</td> {{p.f2}}
    </tr>
<table>

Remember <tr> should contain only <td> tag not any another tag or raw text according to the HTML specification. Modern browsers (including IE 10) can deal with that mistake but in IE 9 angular raises an error.

Answer 3

Most probably you messed up with the syntax inside the

<table> <SOMETHING> </table>

I suggest you copy the DOM from browser and do a check on the https://validator.w3.org/check . Look for errors like : document type does not allow element "SOMETHING" here; missing one of "TH", "TD" start-tag .