标签: angular-material2

我正在尝试覆盖角度材料断点，

$layout-breakpoint-md:     1280px !default;

如何在不更改角度材质 src 的情况下将 1280px 覆盖为 1240px？

我想在 md 输入颜色脏且无效时将其更改为红色（与图像中的国家/地区下拉列表相同）。我浏览了很多文章但没有发现任何有用的..

如何在输入旁边添加md-icon元素，例如 Angular Material 1 中的内容以及来自 google 联系人的屏幕截图：

Google 通讯录编辑表单

我知道我可以使用 mdPrefix 但我更喜欢这种风格。

代码示例：

<md-input-container>
<md-icon mdPrefix>star</md-icon>
<input placeholder="Test" mdInput />
</md-input-container>

输入字段内的图标，我希望它位于它旁边：

我正在使用https://material.angular.io，特别是对话框（https://material.angular.io/components/dialog/overview）。我的问题是当我使用定位对话框时

config = {'width':'200px', 'height':'400px', position: {'top':'150px', 'left':'400px'}}

我注意到，当我单击按钮显示对话框时，它会一直向下滚动...是否有某种方法可以使当我单击按钮显示对话框时，它保持在顶部/滚动到顶部？

我在改变 Angular 2 材质的前景颜色时遇到困难。例如在工具栏中，文本是黑色的。我尝试用以下样式更改它

@import '~@angular/material/theming';

$primary: mat-palette($mat-cyan, 300);
$accent : mat-palette($mat-yellow, 500);;
$warn : mat-palette($mat-red, 600);

$theme-foreground: (
  base:              gray,
  divider:           $white-12-opacity,
  dividers:          $white-12-opacity,
  disabled:          rgba(200, 200, 200, 0.38),
  disabled-button:   rgba(200, 200, 200, 0.38),
  disabled-text:     rgba(200, 200, 200, 0.38),
  hint-text:         rgba(200, 200, 200, 0.38),
  secondary-text:    rgba(200, 200, 200, 0.54),
  icon:              rgba(200, 200, 200, 0.54),
  icons:             rgba(200, 200 , 200, 0.54),
  text:              rgba(200, 200, 200, 0.87),
  slider-min:        rgba(200, 200, 200, 0.87),
  slider-off:        rgba(200, 200, 200, 0.26),
  slider-off-active: rgba(200, 200, 200, …

我一直在寻找一种方法，使 Angular Material Datepicker 2 更改为仅年份和月份模式，但文档中没有该选项

我可以设置 startView，但是当选择月份或年份时，更改为日模式

<md-form-field>
     <input mdInput [mdDatepicker]="picker" placeholder="Choose a date">
     <md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle>
     <md-datepicker #picker startView="year" [startAt]="startDate"></md-datepicker>
</md-form-field>

我想要这个： https: //plnkr.co/edit/eV2Kmt ?p=preview

但那个笨蛋是用有棱角的材料 1

有什么帮助吗？:)

有人可以提供一个带有数据源的 mat-table 的完整示例，稍后在加载表并更新表时添加数据吗？

我的程序设法显示表格、数据加载、询问新数据的对话框、要添加到数据库的数据，但我不知道如何刷新表格

我找到了这个例子

    connect(): Observable<UserVModel[]> {
  return this._userService.dataChanged
      .switchMap(() => this._userService.getAllUsers()
}

在此链接中： Angular Material 2：如何在编辑记录后刷新 md-table？

但我不知道如何实施。

谢谢

我有一个列表，我希望列表中的每个元素都可以单击，并具有像垫按钮组件一样的连锁反应。

我试过这个：

<mat-list role="list" *ngFor="let userS of Projet?.backlog.userStory; let i=index">
    <button mat-button>
        <mat-list-item role="listitem">User Story #{{i}} : {{userS.userStory}} </mat-list-item>
    </button>
</mat-list>

但我认为工作元素不可点击。

我正在使用 Angular Universal 和 Angular Material 2，因此我只能通过点击来工作（就用户事件而言）。是否可以从选项卡附加（单击）属性来更改索引并提取动态数据。

我曾经有一个 getAlbums 方法，它可以检索 selectedIndexChange 上的图片数组，现在这不是一个选项，还有其他方法吗？

唯一的其他方法是有一个单独的按钮来控制选项卡索引。

当我将鼠标移到mat-form-field.

为了能够使用彩色垫卡，我加了一些CSS类style.scss来改变background-color的mat-form-field。

.mat-form-field-appearance-outline .mat-form-field-outline-start { background-color: white!important; }
.mat-form-field-appearance-outline .mat-form-field-outline-gap { background-color: white!important; }
.mat-form-field-appearance-outline .mat-form-field-outline-end { background-color: white!important; }
mat-form-field mat-label { background-color: rgba(255, 255, 255, 0.9); }

它工作正常，但是当我将鼠标悬停在 a 上时mat-form-field，背景会在几分之一秒内变成红色。不幸的是，我找不到允许我删除此透明度的 CSS 类。

StackBlitz： 这里