WTF? - ul works, select does not!

Author: afgane

app/components/cloudlaunch.component.html

@@ -0,0 +1,18 @@
+<cloudlaunch-config>
+
+
+   <div class="form-group">
+      <ul>
+         <li *ngFor="#cloud of clouds">{{ cloud.name }}, {{ cloud.slug }}</li>
+      </ul>
+      --
+      <select>
+         <option *ngFor="#cloud of clouds" [value]="cloud.slug">
+            {{ cloud.name }}
+         </option>
+      </select>
+
+   </div>
+
+   <div class="error" *ngIf="errorMessage">{{errorMessage}}</div>
+</cloudlaunch-config>

app/components/cloudlaunch.component.ts

@@ -12,10 +12,16 @@ import { CloudService } from '../services/cloud.service';
 })
 
 export class CloudLaunchComponent implements OnInit {
-    clouds: Cloud[] = [];
     errorMessage: string;
     showAdvanced: boolean = false;
 
+    selectedCloud: Cloud;
+    clouds: Cloud[] = [];
+    // clouds: Cloud[] = [
+    //     { name: 'cl1', slug: 'c1s' },
+    //     { name: 'cl2', slug: 'c2s' },
+    // ]
+
     // launchForm: ControlGroup;
     constructor(private _cloudService: CloudService, fb: FormBuilder) {
         // this.launchForm = fb.group({