angularjs binding nbsp entity doesnt work in IE

Question

I'm using ng-bind-html in a table cell and I want the cell not to collapse when the binded value is an empty string ('').

So I bind to: value || ' '

This works well on Crome and FF but fails on IE. If I check the source code on IE, it appears as a white-space.

Here's my fiddle showing this bug:

Thanks

Seems like it is trimmed somehow , but why only in IE? – Ivan Chernykh Jan 08 '14 at 16:25 — Ivan Chernykh, Jan 08 '14 at 16:25

Dalorzo · Accepted Answer · 2014-01-08T17:27:55.357

1

It is a CSS style issue:

Try this:

table td{
    border:1px solid;
   white-space: pre; 
}

Here is a sample fiddle:

What white-space: pre does is to preserved whitespace.

Here is the documentation associated with this issue:

edited Jan 08 '14 at 17:27

answered Jan 08 '14 at 17:16

Dalorzo

1

Thanks a lot man. Can't up vote your answer cause don't have enough rep yet :( [Up Vote] – The Kline Jan 21 '14 at 08:03

1 Answers1