标签: angular-material2

如何动态显示和隐藏 Material Design 工具提示？我有显示工具提示 int *ngFor 的组件

<div *ngFor="let item of items" fxLayout="row">
        <mat-form-field matTooltip="{{item.comment}}">
          <input matInput>
        </mat-form-field>
</div>

我有按钮来处理更改时显示/隐藏工具栏，但如何显示和隐藏这些工具栏？

在文档中有一个使用一个工具栏的示例：

 <button mat-raised-button (click)="tooltip.show()"> Show tooltip </button>

<span matTooltip="This is the tooltip message" #tooltip="matTooltip">
  I have a tooltip
</span>

这很简单，但是如何处理 *ngFor 中的多个工具提示？

Using table with paginator. Binding data via http call. Version Angular 5, Material 5.0.4

On page event it fetch data from server, i tried to log if there is change in totallength variable but it's not .

What it is showing that length property of pagination which is return from page event is increasing.

It's weird i had also implemented on stackbliz to demonstrate and raise issue on github but there it works fine.

Same code ,same version but locally …

我正在使用带有 Angular5 和 Angular Flex-layout 的 Angular 材料，并且我一直在寻找类似的全屏覆盖窗口Angular 组件，但似乎他们还没有实现，因为我更喜欢花时间在工作上功能而不是附件组件，我决定请你们以“角度方式”分享一个关于它的示例（如果您已经编码了）。

我正在寻找 Angular Material 2 自动完成功能来实现工作自动完成功能，如果没有找到匹配项，它应该提供一个将其添加到列表中的选项。如果有人使用正式的东西来完成它，它会很完美，但它也可以使用常规代码。谢谢。

我正在使用 Angular Material 2 和 Angular 5。我正在使用 mat-table。我想修复 mat-table 中的单个列。当我滚动水平条时，一列将固定并且不滚动。是否可以在 mat-table 中固定一列。

Angular 材质 2：垫子-桌子链接

角度版本 5.2.4，Material2 5.2.4

我正在使用这种元素组合：

• 垫式形式场
• 使用 matinput 指令输入
• 垫日期选择器
• 垫日期选择器切换

...以数据源更改时重建的形式。

我可以在初始表单构建中将输入和 mat-datepicker-toggle 设置为禁用或启用。重建表单时，可以设置输入的禁用属性。但是，对于初始表单构建后的任何表单重建，mat-datepicker-toggle 的禁用属性仍保持初始状态（无论是启用还是禁用）。

材料文档指出（我在此处的元素周围使用引号）：

与任何标准“输入元素”一样，可以通过添加禁用属性来禁用日期选择器输入。默认情况下，“mat-datepicker”和“mat-datepicker-toggle”将从“输入元素”继承其禁用状态

因此，在之后设置 mat-datepicker-toggle 的禁用/启用状态是我试图解决的问题。

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

import { AppComponent } from './app.component';
import { MatDatepickerModule, MatIconModule,
  MatInputModule, MatNativeDateModule,} from '@angular/material';

@NgModule({
  exports: [ MatDatepickerModule, MatIconModule,
    MatInputModule, MatNativeDateModule ]
})
export class MaterialModule { }

@NgModule({
  imports:      [ BrowserModule, FormsModule, ReactiveFormsModule, 
MaterialModule ], …