小编Edr*_*ric的帖子

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

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

谢谢

我更新了我的材料角度项目以在我的表格中包含一个可扩展的细节行。为此，我需要升级到 rsjx 6。现在我收到以下错误。我对 angular 完全陌生，所以不幸的是我不知道如何解决这个问题。

Property 'merge' does not exist on type 'typeof Observable'.

任何人都可以帮助解决此错误吗？

app.component.ts

Property 'merge' does not exist on type 'typeof Observable'.

产生一个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，如何路由到其他子路由？

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

我正在尝试在材质输入字段中使用材质图标。该图标应显示材质工具提示。

结果是一个很好的动画，但完全没有样式（如主文本）并且工具提示的位置完全错误。

我哪里做错了？

我的HTML：

<section>
    <div class="row">
      <mat-form-field>
        <input matInput name="newPin" placeholder="Neue PIN" required type="password"
           [(ngModel)]="newPin" [disabled]="!selectedToken">          
          <mat-icon matTooltip="{{getPinTooltip()}}" [matTooltipPosition]="'below'">
              info
          </mat-icon>         
      </mat-form-field>
      <mat-form-field>
        <input matInput name="controlPin" type="password" required 
           placeholder="Neue PIN wiederholen"
           [(ngModel)]="controlPin" [disabled]="!selectedToken">
      </mat-form-field>
    </div>
</section>

还有我的少：

body {
  font-family: Helvetica, FreeSans, sans-serif;
  background-image: url('./assets/images/background.jpg');
}

section {
  margin-top: 2em;
}

.row {
  margin-bottom: 1rem;
}

mat-form-field {
  color: @inputfield-text-color;
  width: 95%;
  margin-bottom: .5em;

  .mat-input-element {
    background-color: @inputfield-background-color;
    border-radius: .3em;
    padding: 1em 0.6em 0.2em 0.6em;
    line-height: 1.7em;
    &:disabled { …

问题：重新渲染组件时，应用于由 Material-UI/JSS 生成的类名的样式会错误地更改。

设置：我正在提供一个create-react-app使用 Material-UI jss 样式和 Rails 后端的 React 应用程序（使用 构建）。我不确定 Rails 部分的相关性，因为当我build/index.html直接在本地机器上打开文件时会发生同样的事情——Rails 后端处理根请求以提供静态客户端文件，如此处所示。在任何一种情况下，静态构建都是使用 来创建的npm run build，它运行react-scripts build（从create-react-app）。

问题示例：我有一个<img>给定的元素className: {classes.logo}。构建后，classes.logois "jss3"，它采用以下正确的 CSS：

.jss3 {
    height: 50px;
    position: relative;
    // [...more]
}

这看起来像这样 -<img>组件位于应用程序标题的左上角。

我“继续作为客人”，并呈现新组件。但是请注意徽标图像，它现在具有新样式：

发生了什么？该<img>组件现在显示以下样式：

.jss3 {
    height: 2em;
    padding: 7px;
    overflow: scroll;
    position: relative;
}

这个 css 来自不同组件的完全不同的样式对象：

// FileEntry.js

  fileEntry: {
    position: 'relative',
    padding: …

我ngx-timepicker-field的在MatDialog。当我的时间选择器显示时，他在MatDialog模态弹出窗口的后面。

constructor(public dialog: MatDialog) { }

const dialogRef = this.dialog.open(PopupComponent, {
    data: {
        ...
    },
    position: {
        top: '50px'
    }
});

弹出组件：

@ViewChild('sendAlertHour', {static: false} ) sendAlertHour:  NgxTimepickerFieldComponent;

<div>
    <ngx-timepicker-field #sendAlertHour></ngx-timepicker-field>
</div>

我已经使用 GitHub Actions 自托管运行器说明设置了 CI 构建服务器。一切正常，直到达到以下指令：

sudo xcode-select -switch /Applications/Xcode_11.5.app

它要求我在 macOS 终端内输入密码。如果我每次运行该作业时都必须输入密码，那么这就违背了构建服务器的目的。我尝试将运行程序配置为服务，但是当我这样做时，作业完全失败，因为它需要终端来询问密码。

有没有办法设置密码，让跑步者不再每次都询问我？

我正在尝试设计这个样式MaterialCalendar，但我没有取得任何进展，任何帮助将不胜感激。我的styles.xml看起来类似于以下内容：

 <style name="AppTheme" parent="Theme.MaterialComponents">
    <item name="materialCalendarTheme">@style/ThemeMaterialCalendar</item>
</style>

<style name="ThemeMaterialCalendar" parent="ThemeOverlay.MaterialComponents.MaterialCalendar">
    <item name="buttonBarPositiveButtonStyle">@style/AlterDialogButtonStyle</item>
    <item name="buttonBarNegativeButtonStyle">@style/AlterDialogButtonStyle</item>
    <item name="materialButtonStyle">@style/ThemeMaterialCalendarTextButton</item>
    <item name="android:colorAccent">@color/accent</item>
</style>

<style name="ThemeMaterialCalendarTextButton" parent="Widget.MaterialComponents.Button.TextButton.Dialog.Flush">
    <item name="android:textColor">?attr/colorAccent</item>
</style>

<style name="AlterDialogButtonStyle" parent="Widget.MaterialComponents.Button.TextButton">
    <item name="android:textColor">?attr/colorAccent</item>
</style>

其呈现如下：

非常浅的蓝色/青色是我的colorAccent标题是紫色的颜色。这些都很好。我能够用上面的内容来改变它们styles.xml。

不过，我还想将 的深灰色背景更改MaterialCalendar为白色，然后当然将文本从白色更改为黑色或灰色（这样就可以看到），并制作用于选择月份和年份的箭头。任何选定的年份或日期都应使用强调色突出显示。

DatePickerDialog本质上我想要与此类似的东西（请忽略下面的屏幕截图是旧的而不是新的事实MaterialCalendar）：

任何帮助将不胜感激。

PS：我不想更改整个应用程序的任何主要颜色、次要颜色或强调色（因为这会破坏其余的配色方案）