2017-03-28 37 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