当我将Angular 6 Material Date Picker与任何遮罩（ngx-mask，angular2-mask，angular2-text-mask）结合使用并使用时formControlName，出现错误：

错误：多个自定义值访问器将表单控件与未指定名称属性匹配

是否有适用于“物料日期选取器”和formControlName属性的蒙版？

<input matInput [matDatepicker]="myDatepicker" formControlName="dateOfbrd" mask="00/00/0000">
  <mat-error *ngFor="let validation of validationMessages.dateOfDischarge">
  <mat-error class="error-message" *ngIf=enrfrm.get('dateOfbrd').hasError(validation.type)">
    {{validation.message}}
  </mat-error>
</mat-error>
<mat-datepicker-toggle matSuffix [for]="myDatepicker"></mat-datepicker-toggle>
<mat-datepicker #myDatepicker></mat-datepicker>

组件： https: //material.angular.io/components/snack-bar/examples

我有一个页面是父部分（'#wrapper_container'）。我想在“#wrapper_element”的子元素的中心弹出小吃栏。

谢谢

产生一个OutlineButton带有白色边框的：

OutlineButton(
  shape: RoundedRectangleBorder(
    side: BorderSide(
      color: Colors.purple
    )
  ),
)

生成FlatButton带有紫色边框的 a：

FlatButton(
  shape: RoundedRectangleBorder(
    side: BorderSide(
      color: Colors.purple
    )
  ),
)

部分文档OutlineButton：

边界边？BorderSide 定义按钮启用但未按下时边框的颜色，以及边框轮廓的宽度和样式。[...] 最终的

我想要一个 MatDialog 组件中的路由系统，它可以在我的应用程序的任何地方打开。

解释

所以我在/tata，我打开选项卡 2 上的对话框。所以我想要一个特定的 URL。当我复制/过去它时，对话框在选项卡 2 上打开，背景为背景/tata

尝试

在 app.component.html 中，添加一个 <router-outlet name="dialog"></router-outlet>

在我的路线声明中：

const routes: Routes = [
{ path: 'mainDialog', 
    outlet: 'dialog',
    component: DialogOpenerComponent, 
    data: { dialog: MainDialogComponent }, 
    children: [
    { 
        path: 'dialogSubTab', 
        component: MainDialogSubTabComponent, 
        outlet: 'dialog-sub-tab' }
    ]}
];

DialogOpenerComponent使用MainDialogComponentas 组件进行打开对话框调用。

当我调用this.router.navigate([{outlets: { 'dialog': 'mainDialog' }}]);主对话框时打开。

但是打开后MainDialogComponent，如何路由到其他子路由？

现在点击汉堡菜单我得到下拉列表而不是我需要它在鼠标悬停在汉堡菜单上这里是堆栈闪电战链接。

我有三个操作支持我的 SpeedDialAction，但是当我尝试记录单个操作的 onClick 事件时，我得到了未定义的信息。

我尝试过使用不同的函数作为操作，还在方法调用中尝试了箭头函数语法

onClick={e => action.action(e)}

和

onClick={action.action}

行动：

const actions = [
    { icon: <Add />, name: 'Product', action: handleDialogOpen },
    { icon: <Add />, name: 'Addon', action: handleDialogOpen },
    { icon: <Label />, name: 'Tag', action: handleDialogOpen }
  ]

快速拨号：

<SpeedDial
          ariaLabel='SpeedDial example'
          className={classes.speedDial}
          icon={<SpeedDialIcon />}
          onBlur={handleClose}
          onClick={handleClick}
          onClose={handleClose}
          onFocus={handleOpen}
          onMouseEnter={handleOpen}
          onMouseLeave={handleClose}
          open={open}
        >
          {actions.map(action => (
            <SpeedDialAction
              tooltipOpen
              key={action.name}
              icon={action.icon}
              tooltipTitle={action.name}
              onClick={action.action}
            />
          ))}
        </SpeedDial>

handleDialogOpen 只是尝试记录事件

我希望输出是一个事件对象，而不是未定义的。

vertical line是否可以在最后一步中扩展？

模板脚本可以阻止它：

<div class="mat-vertical-content-container" [class.mat-stepper-vertical-line]="!isLast">

这就是现在最后一步的情况：

这是所期望的：

感谢您的任何建议。

使用ShapeableImageView材质组件并设置shapeAppearanceOverlay为圆形图像时出现问题。它不会出现在视口中。似乎我们将可见性设置为GONE。但是，它在设备上完美显示。

有什么办法可以解决吗？或者因为它仍在1.2.0-alpha05开发中或已知错误？

视口截图

设备截图

材料库

implementation 'com.google.android.material:material:1.2.0-alpha05'

XML 代码

<com.google.android.material.imageview.ShapeableImageView
    android:id="@+id/v_blog_card_avatar"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:src="@drawable/splash_background"
    android:scaleType="centerCrop"
    app:shapeAppearanceOverlay="@style/ImageCircleTheme"
    app:layout_constraintTop_toBottomOf="@+id/v_blog_card_divider"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    android:layout_marginBottom="16dp"
    android:layout_marginStart="16dp"/>

风格

<style name="ImageCircleTheme">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">50%</item>
</style>

我正在尝试<mat-slide-toggle>Click me!</mat-slide-toggle>在已经MatSlideToggleModule导入的组件中使用，但我仍然收到消息，表明它不是已知元素。

角度版本：8.0.1

HTML 页面 (slide-page.html)

<div class="grid-slide-toggle-material"> 
  <mat-slide-toggle>Click me!</mat-slide-toggle>
</div>

模块 (slide-page.module.ts)

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; 
import { CommonModule } from '@angular/common';
import { MaterialModule } from 'projects/authenticator/src/shared/modules/material.module';
import { BasicModule } from 'src/app/shared/modules/basic/basic.module';
import { MatButtonToggleModule, MatButtonToggleGroup } from '@angular/material';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';

@NgModule({
  declarations: [],
  imports: [
    MaterialModule,
    ReactiveFormsModule,
    CommonModule,
    FormsModule,
    MatButtonToggleModule,
    MatSlideToggleModule 
  ]
})
export class SlidePageModule { } …

我一直在尝试使用 Rails 设置 GitHub 操作，但是我遇到了RAILS_MASTER_KEY（我的假设）的问题。

这是我在最后一步收到的错误消息# Build and run tests：

rails aborted!
ActiveSupport::MessageEncryptor::InvalidMessage: ActiveSupport::MessageEncryptor::InvalidMessage
/home/runner/work/my-project/my-project/config/environment.rb:5:in `<main>'
/home/runner/work/my-project/my-project/bin/rails:9:in `<top (required)>'
/home/runner/work/my-project/my-project/bin/spring:15:in `require'
/home/runner/work/my-project/my-project/bin/spring:15:in `<top (required)>'
bin/rails:3:in `load'
bin/rails:3:in `<main>'

Caused by:
ArgumentError: key must be 16 bytes

.github/workflows/main.yml：

rails aborted!
ActiveSupport::MessageEncryptor::InvalidMessage: ActiveSupport::MessageEncryptor::InvalidMessage
/home/runner/work/my-project/my-project/config/environment.rb:5:in `<main>'
/home/runner/work/my-project/my-project/bin/rails:9:in `<top (required)>'
/home/runner/work/my-project/my-project/bin/spring:15:in `require'
/home/runner/work/my-project/my-project/bin/spring:15:in `<top (required)>'
bin/rails:3:in `load'
bin/rails:3:in `<main>'

Caused by:
ArgumentError: key must be 16 bytes

我推断这与我的 RAILS_MASTER_KEY 变量有关。

我检查了存储在项目 ENV 变量中的密钥，它恰好是 32 个字节。我不确定如何最好地进行，并且我对删除密钥犹豫不决，担心我会破坏应用程序的其他部分。在我的书中，将密钥的选项设置为合法的 32 个字节会更可取——只是我不知道如何以及在哪里......

关于如何解决这个问题的任何想法？