angular - 如何在 Angular Material 2 中下拉数量？

Question

如何在 Angular Material 2 中下拉数量？

以下似乎不起作用:

 <md-list-item>
        <img md-list-avatar src="/images/shirt.jpg" alt="shirt">
        <h2 md-line> Shirt </h2>
        <p md-line> $1.80 </p>
        <md-select placeholder="Quantity">
            <md-option *ngFor="let q of quantities" [value]="q"> {{q}} </md-option>
        </md-select>
    </md-list-item>

在我的 ts 文件中

export class BuyComponent implements OnInit, OnDestroy
{
    quantities: [1,2,3,4,5,6,7,8,9,10];
        ...
}

Answer 1

它不起作用的原因是您错误地尝试为数组 quantities 赋值。您需要使用 = 来赋值。所以不是

quantities: [1,2,3,4,5,6,7,8,9,10];

它需要是:

quantities = [1,2,3,4,5,6,7,8,9,10];

这似乎工作正常。

Demo