标签: angular-material

我写了如下标签代码

<nav mat-tab-nav-bar [selectedIndex]="0">
    <a mat-tab-link 
        *ngFor="let link of navLinks; let i = index;"
        [routerLink]="link.path"
        routerLinkActive #rla="routerLinkActive"
        [active]="rla.isActive">
        <div class="link-tab-label">{{link.label}}</div>
        <mat-icon class="link-tab-close" (click)="closeTab(i)">close</mat-icon>
    </a>
</nav>

当我运行该项目时，我遇到了如下所示的问题

compiler.js:485 Uncaught Error: Template parse errors:
Can't bind to 'selectedIndex' since it isn't a known property of 'nav'. ("
        <mat-card>
          <mat-card-content>
              <nav mat-tab-nav-bar [ERROR ->][selectedIndex]="0">

如何将 selectedIndex 与 mat-tab-nav-bar 一起使用？

我正在将 Angular Material inputs的字体大小修改为 28px，但这会导致某些字符的下降部分被剪裁，例如本例中的“g”：

不能为我的生活找出如何解决这个问题。任何人的想法？我需要扩充哪些课程？

我在 SCSS 中修改了我的组件，如下所示：

input {
  font-size: 28px;
}

我正在寻找一个可以构建像https://tina-material-tree.firebaseapp.com/nested-tree这样的嵌套树的库。但是，它无法使用拖放内容构建树。

不确定是否有人知道像这样支持拖放的类似库。

如何材料的角度改变过去旧版本在这里我们使用md代替mat？

我现在有 "@angular/material": '^2.0.0-beta.8'

我在单个 html 页面中使用有角度的两个材料表。第一个表，数据加载良好，分页正确。但在第二个表中，所有数据加载都没有分页。我在两个页面上都添加了分页功能。我想展示与此相关的部分代码。

表1分页（运行良好）

 <mat-paginator #paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>

表2分页（分页不起作用）

  <mat-paginator #errorpaginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons>

我的组件文件

 <mat-paginator #paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>

你能帮我解决第二个表格分页问题吗？

在这个例子中，我想让内容左右对齐。

https://material.angular.io/components/toolbar/examples

我想要左侧的图标，中间的文本和行最右侧的用户名。

我怎样才能做到这一点？

我有一个角度材料表。当我用 html 包围表格时<div *ngIf="true">，表格会呈现，但单击标题列时数据不再排序。

以以下示例为例：https : //material.angular.io/components/table/overview#sorting

并修改它，只需添加<div *ngIf="true"> ... </div>演示此行为。示例位于：https : //stackblitz.com/edit/angular-quzvjv

Angular Material 是否可以为自动完成组件的 optgroup 的标签提供 HTML 模板，而不是将字符串绑定到label输入？该label属性会转义任何 HTML 标签。

在 Angular Material 自定义主题文档中，我们将原色设置为靛蓝，如下所示：

$candy-app-primary: mat-palette($mat-indigo);

我在哪里可以引用该mat-palette()函数的所有可接受的参数？我想知道$mat-indigo上面例子中所有可能的颜色名称。在文档中找不到它。

谢谢。

我添加了Angular 材料 mat-expansion-panel来选择选项，当我点击选择菜单时，mat-expansion-panel 是自动打开的，任何人都知道如何解决这个问题，

堆栈闪电战示例

我的代码

组件.html

<mat-accordion>
  <mat-expansion-panel>
    <mat-expansion-panel-header>
      <mat-panel-title>
       <select class="form-control" id="exampleFormControlSelect1">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
      </mat-panel-title>
      <mat-panel-description>
        Type your name and age
      </mat-panel-description>
    </mat-expansion-panel-header>

    <mat-form-field>
      <input matInput placeholder="First name">
    </mat-form-field>

    <mat-form-field>
      <input matInput placeholder="Age">
    </mat-form-field>
  </mat-expansion-panel>
  <mat-expansion-panel (opened)="panelOpenState = true"
                       (closed)="panelOpenState = false">
    <mat-expansion-panel-header>
      <mat-panel-title>
        Self aware panel
      </mat-panel-title>
      <mat-panel-description>
        Currently I am {{panelOpenState ? 'open' : 'closed'}}
      </mat-panel-description>
    </mat-expansion-panel-header>
    <p>I'm visible because I am open</p>
  </mat-expansion-panel>
</mat-accordion>