Angular Material 2 – 自动完成中的自定义mat-option / md-opti

发布时间：2020-12-17 10:25:16 所属栏目：安全来源：网络整理

导读：Angular Material 2是否有一个选择器来自定义自动填充选项,例如AngularJS的Angular Material md-item-template？我在材料2的 docs上找不到任何东西来自docs的AngularJS示例： md-autocomplete md-item-template span class="item-title" md-icon md-svg-ico

Angular Material 2是否有一个选择器来自定义自动填充选项,例如AngularJS的Angular Material md-item-template？我在材料2的 docs上找不到任何东西

来自docs的AngularJS示例：

<md-autocomplete
    <md-item-template>
      <span class="item-title">
        <md-icon md-svg-icon="img/icons/octicon-repo.svg"></md-icon>
        <span> {{item.name}} </span>
      </span>
      <span class="item-metadata">
        <span class="item-metastat">
          <strong>{{item.watchers}}</strong> watchers
        </span>
        <span class="item-metastat">
          <strong>{{item.forks}}</strong> forks
        </span>
      </span>
    </md-item-template>
</md-autocomplete>

我也在寻找正确的方法,就像好的材料1一样.
这是丑陋的黑客我可以让它在材料5中工作：

样式：

.mat-option {
  height: 50px;
  line-height: 20px;
}

模板：

<mat-autocomplete #auto="matAutocomplete">
    <mat-option *ngFor="let state of filteredStates | async" [value]="state.name">
    <!-- <img style="vertical-align:middle;" aria-hidden src="{{state.flag}}" height="25" /> -->
        <span>{{ state.name }}</span><br>
        <small>Population: {{state.population}}</small>         
    </mat-option>
</mat-autocomplete>

试试吧here

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!