2017-03-28 79 views
0

我想通過按鈕點擊事件設置選擇值(設置0)。 這個事件將幫助我清除所有的計數。Angular 2:如何設置模板中的多個選擇值?

我曾嘗試使用[(ngModel)修復它,但它會同步所有值... 我不想同步所有選擇值。 它需要獨立的每個選擇。

這是我的第一個問題。如果有任何錯誤,請告訴我! 謝謝!

[模板]

<div class="container"> 
    <div id="gallery row clearfix"> 
    <h2>volvo</h2> 
    <div *ngFor="let item of carInfo" class="gallery-item"> 
     <span *ngFor="let favs of item.favorite" class="glyphicon glyphicon-thumbs-up" style="color:blue"></span> 
     <h3 class="carModel" #model>{{item.model}}</h3> 
     <img src={{item.src}}/> 
     <h3 class="carPrice" #price>{{item.price}}</h3> 
     <p>count:</p> 
     <select class="form-control" #t (change)="addToCart(model.innerText,t.value)"> 
     <option>0</option> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
     </select> 
    </div> 
    </div> 
</div> 

<button type="button" (click)="checkOut()" class="btn btn-primary btn-lg btn-block">Express checkout</button> 
<button type="button" (click)="clear()" class="btn btn-default btn-lg btn-block">Clear</button> 

here is screen

回答

0

增值到您0

<select class="form-control" #t > 
        <option value="0">0</option> 
        <option>1</option> 
        <option>2</option> 
        <option>3</option> 
       </select> 

你的按鈕

<button type="button" (click)="t.value=0" class="btn btn-default btn-lg btn-block">Clear</button> 

示例

<video #movieplayer ...> 
    <button (click)="movieplayer.play()"> 
</video> 
+0

感謝Roninio,但它顯示「內聯模板:20:0引起的:無法設置未定義的屬性'值'。在click()事件中可能不會錯過。我怎麼能得到這個元素(選擇)? – rosethorn999

+0

#t在選擇中設置 – Roninio