Material Tabs with lazy loading rendering duplicate content

#### Bug, feature request, or proposal:
Material tabs (with `matTabContent`) are rendering multiple instances of the tab body inside the same tab when switching away and back too fast.

#### What is the expected behavior?
Not seeing duplicate content.

#### What is the current behavior?
There are multiple instances of the same body/content inside.

#### What are the steps to reproduce?
https://stackblitz.com/edit/angular-material2-issue-jwxe85
Switch back and forth quickly on these tabs and pay attention to what happens to the one in the middle. You will notice content being rendered multiple times.

#### What is the use-case or motivation for changing an existing behavior?

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?

#### Is there anything else we should know?

Bắt đầu với bản tái hiện StackBlitz được liên kết và nhanh chóng chuyển đổi giữa các tab Material bằng matTabContent để quan sát các nội dung bị trùng lặp. Theo dõi hành vi lazy-loading liên quan đến việc chuyển tab, sau đó xác minh rằng việc nhanh chóng chuyển sang tab khác rồi quay lại chỉ để lại một instance của nội dung mỗi tab.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.