獲取楠DOM從陣列ngFor

Question

試圖插補當我用角2 +打字稿，我在選項標籤

app.component.ts得到楠：

export class AppComponent { 
    rooms = { 
    type: [ 
     'Study room', 
     'Hall', 
     'Sports hall', 
     'department room', 
     'Service room', 
     'Restroom'] 
    }; 

應用。 component.html：

<select placeholder="Select an option"> 
    <option *ngFor="let room-type of rooms.type">{{room-type}}</option> 
    </select> 

我想不通這是怎麼回事，因爲我不能調試插值和所有的綁定操作，我只是不知道怎麼了，谷歌，必應不幫忙！

我使用Visual Studio代碼在Windows 10

這就是它的樣子：

我認爲這是打字稿導致此問題，因爲事情是有望獲得數量變量，但收到不是數字...

Answer 1

不要在變量名中使用-。它在JS/TS中是不允許的，所以在模板中也是不允許的。它會嘗試減去並導致NaN（非數字）：

<option *ngFor="let roomType of rooms.type">{{roomType}}</option>