Question

Angular 2 Material支持md-select吗？

查看Git Repository，我没有看到任何支持下拉功能的组件。

https://github.com/angular/material2/tree/master/src/components

当我在package.json中添加@ angular2-material / select时，它会抱怨在存储库中找不到包。

Answer 1

是的，有一个md-select

<form>  <md-select placeholder="Favorite food" [(ngModel)]="selectedValue" name="food">    <md-option *ngFor="let food of foods" [value]="food.value">
  {{food.viewValue}}    </md-option>  </md-select>
 <p> Selected value: {{selectedValue}} </p></form>

对于TS，您可以拥有以下

import {Component} from '@angular/core';
@Component({
selector: 'select-form-example',
templateUrl: './select-form-example.html',
})
  export class SelectFormExample {
  selectedValue: string;

  foods = [
    {value: 'steak-0', viewValue: 'Steak'},
    {value: 'pizza-1', viewValue: 'Pizza'},
    {value: 'tacos-2', viewValue: 'Tacos'}
  ];
}

查看此link和this

Answer 2

我并不是说它不存在，但是从我的研究看起来你必须要用它来表示：/这是一个关于以角度2完成下拉的良好链接。http://www.angulartypescript.com/angular-2-dropdown/

你也可以用ng-for混合下拉，但它看起来不那么干净或实用。我相信egghead.io会做一个教程。

Angular 2 Material中是否有下拉（md-select）组件？

2 个答案: