Fix select in *ngFor

src/components/select/option.ts

@@ -35,7 +35,9 @@ export class MdlOptionComponent {
     } else {
       this.selected = this.value == value;
     }
-    this.changeDetectionRef.detectChanges();
+    if (!(<any>this.changeDetectionRef)['destroyed']) {
+        this.changeDetectionRef.detectChanges();
+    }
   }
 
   ngAfterViewInit() {

src/components/select/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular-mdl/select",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "description": "Angular 2 Material Design Lite - Select Component",
   "main": "./index.umd.js",
   "module": "./index.js",

src/e2e-app/app/select/select.component.html

@@ -134,6 +134,27 @@ <h5>Multiple with initial value</h5>
 </pre>
 
 
+<h5>Dynamically generated selects with *ngFor</h5>
+
+<div *ngFor="let countryCode of countryCodes; let i = index">
+  <mdl-select [(ngModel)]="countryCodes[i]" [placeholder]="'Select '+i">
+    <mdl-option *ngFor="let c of countries" [value]="c.code">{{c.name}}</mdl-option>
+  </mdl-select>
+</div>
+
+<pre>countryCodes: {{ countryCodes | json }}</pre>
+
+<pre prism ngNonBindable>
+  <![CDATA[
+<div *ngFor="let countryCode of countryCodes; let i = index">
+  <mdl-select [(ngModel)]="countryCodes[i]" [placeholder]="'Select '+i">
+    <mdl-option *ngFor="let c of countries" [value]="c.code">{{c.name}}</mdl-option>
+  </mdl-select>
+</div>
+   ]]>
+</pre>
+
+
 <h5>Dynamic multiselect</h5>
 
 <p>