Angular 2：如何在模板中设置多个select的值？

Question

我想通过按钮单击事件设置 select 的值（设置 0）。这个事件将帮助我清除所有计数。

我曾尝试使用 [(ngModel)] 来修复它，但它会同步所有值... 我不想同步所有 select 值。需要独立每个select.

这是我的第一个问题。如果有任何错误，请告诉我！谢谢！

[模板]

<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>

Answer 1

为您的 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>

Angular 2：如何在模板中设置多个select的值？

Angular 2: How to set value on multiple select in template?

setvalue

angular