IE 11 angular material checkboxes display on the same place

Question

When I use angular materials checkboxes like below and display view on the Internet Explorer 11 browser it displays all checkboxes on the same place instead of side by side horizontal. How can I fix that?

This is part of html code:

        <div class="column-container">
          <div class="column" *ngFor="let nd of filteredNetworks">
            <md-checkbox [(ngModel)]="nd.Checked">
              {{nd.NetworkName}}
            </md-checkbox>
          </div>
        </div>

read this [link](https://stackoverflow.com/questions/35140718/angular-2-4-5-not-working-in-ie11) — Mohammad Daliri, Jun 18 '18 at 06:03
Yes, of course I use DOCTYPE, this is only the part of html code. — kenzolek, Jun 18 '18 at 06:04

score 1 · Answer 1 · answered Jun 18 '18 at 09:17

1

You have to include polyfills for IE support. Open polyfills.ts in your application and uncomment the polyfills required (Comment is present in file showing which all are required for IE).

answered Jun 18 '18 at 09:17

Abdu Manas C A

1,089
1
11
19

Have you tried running `ng serve` manually as a change in `polyfill.ts` won't initiate hot replacement – Abdu Manas C A Jun 18 '18 at 09:49
Yes, I've been used ng-serve but it still the same problem. – kenzolek Jun 18 '18 at 10:07
which version of angular material are you using ? – Abdu Manas C A Jun 18 '18 at 10:09
Version of angular material is 2.0.0-beta – kenzolek Jun 18 '18 at 10:11

IE 11 angular material checkboxes display on the same place

1 Answers1