爲什麼這個angular2代碼的失敗

Question

     <select class="form-control" #platformFilter > 
           <option value="">Select</option> 
           <option value="PC">PC</option> 
           <option value="PS3">PS3</option> 
           <option value="PS4">PS4</option> 
           <option value="XBox">XBox</option> 
           <option value="XB1">XB1</option> 
          </select> 



         <select class="form-control" #gameFilter > 
           <option value="">Select</option> 
           <option value="World of WarCraft">World of WarCraft</option> 
           <option value="Left 4 Dead 2">L4D2</option> 
           <option value="Diablo 3">Diablo 3</option> 
           <option value="Destiny">Destiny</option> 
          </select> 



         <input type="datetime-local" class="form-control" #timeFilter > 


         <button class="btn btn-primary" (click)="applyFilter(platformFilter.value, gameFilter.value, timeFilter.value)">Apply filter</button> 



applyFilter(platform:string = null, game:string = null, time:string = null) { 
    console.log("why?"); 
} 

我不知道我的代碼 發生什麼事，誤差

ERROR TypeError: Cannot read property 'value' of undefined at Object.eval [as handleEvent] (GroupingComponent.html:231)

到底發生了什麼？

---------------------------------------編輯：對不起，包含較少的細節，這是我的全部代碼

Answer 1

爲什麼它的參數平臺：字符串=空， 嘗試改變它，

applyFilter(platform: string) { 
    console.log("why?"); 
} 

Answer 2

這似乎是工作，

<select #selectedCategory> 
    <option value="PC">PC</option> 
     <option value="PS3">PS3</option> 
    </select> 
    <button (click)="getValueFromSelect(selectedCategory.value)">click</button> 

`

DEMO

Answer 3

看來下面三個對象是null，請檢查你的打字稿代碼。

• platformFilter
• gameFilter
• timeFilter

<button class="btn btn-primary" (click)="applyFilter(platformFilter.value, gameFilter.value, timeFilter.value)">Apply filter</button>