小编Mat*_*att的帖子

我有一个laravel项目.在根目录中有以下4个文件:

.env .env.example .env.local .env.staging

我有一个.gitignore文件,我在.gitignore中列出这4个文件,一个接一个,就像这样

.env
.env.example
.env.local
.env.staging

我的git存储库不包含.env或.env.example,但它包含.env.local和.env.staging.我已经尝试了我能想到的一切,但它继续将这两个文件与Gitlab同步.

可能导致这种情况的任何想法？

谢谢你的帮助!

我正在努力获得以 Tailwind 为中心的网格布局。这是一个例子

    <div class="grid grid-cols-6 p-24 justify-center bg-slate-500">
        <div class="w-full p-8 col-span-2 justify-center justify-self-center mx-auto bg-slate-900 text-white text-center text-lg">
            2 cols, should be centered
        </div>
    </div>

看起来是这样的：

当然，我可以添加 col-start-2 然后它会居中，但是网格来自动态布局，我不知道是否有更多元素出现在同一行上。我尝试过 justify-center、justify-self-center、mx-auto，也尝试过 no-float，但没有任何效果。

有人有什么想法吗？

我觉得这是一个愚蠢的问题，但我就是不明白为什么它不起作用......

我有一个材质 2 对话框，这是对话框组件

import { AfterViewInit, Component, Injectable } from '@angular/core';
import { FlexLayoutModule } from '@angular/flex-layout';
import { MatDialog, MatDialogRef } from '@angular/material';

import 'rxjs/add/operator/toPromise';

// services
import { DialogService } from '../../../services/dialog.service';

@Component({
  selector: 'app-dialog-asset-upload',
  templateUrl: './dialog-asset-upload.component.html',
})

@Injectable()
export class DialogAssetUploadComponent {

  constructor(private dialog: MatDialog, private dialogS: DialogService) { }

  // open dialog
  open(): Promise<any[]> {

    // open dialog
    let dialogRef = this.dialog.open(DialogAssetUploadComponentDialog, {});

    return dialogRef.afterClosed().toPromise().then(res => {

      console.log('in asset upload',res);
      return res;
    });
  }
} …

我无法使Angular 5 Validators.pattern工作.我已经尝试了应该正常工作的每个正则表达式,但它不起作用.我读到Validators.pattern需要不同的格式,但我似乎无法找到它...

任何想法Validators.pattern应该是什么

(1)只允许数字,正面和负面

和

(2)仅允许数字,正数和负数,可选,最多2位小数

有效的例子是:1 1.2 1.22 -21 -21.48

任何带有任何字母的内容都将无效.

谢谢你的帮助!

我正在将应用程序从 AngularJS 升级到 Angular 5。我想出了大部分事情，但仍然处于学习过程中，我无法找出将自动完成列表连接到后端的最佳方法。Material Design 网站也没有提到这一点。

下面是代码现在的样子：

  <mat-form-field>

    // chips are up here

    <mat-autocomplete (optionSelected)="chipAdd($event,field)" #auto="matAutocomplete">
      <mat-option [value]="opt.id" *ngFor="let opt of field.options">
        {{ opt.name }}
      </mat-option>
    </mat-autocomplete>

  </mat-form-field>

我已经删除了 mat-chip-list 并且只包含了相关的代码。

所以我的问题是......现在我从 field.options 获取选项——而不是这个，一旦我开始输入，我如何从 http 后端动态加载它们？

谢谢你的帮助！:)