首页 文章

Angular 2 Material中是否有下拉(md-select)组件?

提问于
浏览
1

Angular 2 Material支持 md-select 吗?

查看Git存储库,我没有看到任何支持下拉功能的组件 .

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

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

2 回答

  • 2

    是的,有一个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'}
      ];
    }
    

    看看这个linkthis

  • 1

    我并不是说它不存在,但是从我的研究看起来你必须要html它:/这是一个很好的链接,在角度2下拉完成.http://www.angulartypescript.com/angular-2-dropdown/

    您也可以使用ng-for将下拉列表混合在一起,但它看起来并不干净或实用 . 我相信egghead.io会做一个教程 .

相关问题