小编and*_*jer的帖子

如果我理解正确,col-autoBootstrap中的类应该只使用内容的自然宽度.当我col-lg-auto在下面的代码中使用时,宽度变得大于内容.

我已经创建了这个Codepen来演示这个问题.

<div class="row">
  <div class="col">
    <div class="row">
      <div class="col-12 col-sm-6 col-lg-4">Col</div>
      <div class="col-12 col-sm-6 col-lg-4">Col</div>
      <div class="col-12 col-sm-6 col-lg-4">Col</div>
      <div class="col-12 col-sm-6 col-lg-4">Col</div>
      <div class="col-12 col-sm-6 col-lg-4">Col</div>
      <div class="col-12 col-sm-6 col-lg-4">Col</div>
      <div class="col-12 col-sm-6 col-lg-4">Col</div>
      <div class="col-12 col-sm-6 col-lg-4">Col</div>
      <div class="col-12 col-sm-6 col-lg-4">Col</div>
    </div>
  </div>
  <!-- Replace col-lg-auto with col-lg and add class flex-grow-0 -->
  <div class="col-12 col-lg-auto">
    <div class="row">
      <div class="col-6 col-lg-12">Content</div>
      <div class="col-6 col-lg-12">Content</div>
      <div class="col-6 col-lg-12">Content</div>
      <div class="col-6 col-lg-12">Content</div>
      <div …

我创建了一个组件，它基本上是材质自动完成的包装器。我希望能够将一个可选值TemplateRef作为组件的输入（optionTemplate）。如果定义了模板，它将覆盖用于自动完成<mat-option>元素的默认模板。我将 ang-container与 a 一起使用TemplateOutlet，但自动完成面板不会显示，除非我还在mat-option下放置了一个元素mat-autocomplete。

谁能告诉我为什么这不起作用？有什么办法让它按预期工作吗？

我创建了这个StackBlitz 来演示这个问题。

自动完成.component.html

<mat-form-field>
  <input #input matInput type="text" class="form-control" [matAutocomplete]="autocomplete" (input)="valueChanged($event)" [readonly]="readonly"
    (focus)="$event.target.select()" (blur)="onTouched()">
  <mat-autocomplete #autocomplete="matAutocomplete" [displayWith]="displayFunction" (optionSelected)="onOptionSelected($event)">
    <ng-container *ngTemplateOutlet="optionTemplate ? optionTemplate : defaultOptionTemplate; context: { options: filteredOptions }"></ng-container>

    <!-- The autocomplete panel does not show if this line is commented out --->
    <mat-option></mat-option>

  </mat-autocomplete>
</mat-form-field>

<ng-template #defaultOptionTemplate let-options="options">
  <mat-option *ngFor="let option of options" [value]="option">
      {{ displayFunction(option) }}
  </mat-option> …

我在我的存储库中有两个要删除的图像:1."Côted'Ivoire.png"2."Sao_Tomé_and_Príncipe.png"

如果我在Mac上从Finder中删除它们,git要我删除该文件两次:

    deleted:    "src/assets/demo/img/flags/Co\314\202te_d'Ivoire.png"
    deleted:    "src/assets/demo/img/flags/C\303\264te_d'Ivoire.png"
    deleted:    "src/assets/demo/img/flags/Sao_Tome\314\201_and_Pri\314\201ncipe.png"
    deleted:    "src/assets/demo/img/flags/Sao_Tom\303\251_and_Pr\303\255ncipe.png"

我试图将所有更改添加到暂存和提交但是当我尝试将更改推送到远程仓库时遇到了问题.

The tree object <id> was rejected: The tree contains duplicate or improperly sorted entries.

如果我尝试重命名文件同样的事情发生.它尝试两次删除这两个文件,然后使用新名称添加新文件.

我只是想不通如何删除它们.

编辑: 删除提到的文件后,我做了一些其他的提交.我按照树中提到的步骤包含重复的文件条目,并发现图片是问题.

然后我尝试将我的分支重置为我的远程分支,应用所有其他提交,再次删除提到的文件,提交,推送.这次它工作正常,即使它实际上删除了每个文件两次.