小编Jet*_*eto的帖子

EditorConfig:将规则应用于多个特定文件夹

假设我有一个包含以下文件夹的项目:

/
  /folder1
  /folder2
  /folder3
  /folder4
  /folder5
Run Code Online (Sandbox Code Playgroud)

有没有办法让我的.editorconfig在根目录(文件/)的水平,但仅适用(中的所有文件),以同样的规则folder1folder3folder5而不是其他两个?

我可以做什么(但似乎并不理想)

  • .editorconfigfolder1folder3和 中保存一份文件副本folder5。但是复制它似乎非常难看/不方便。
  • .editorconfig在包含所有规则的根文件夹中创建一个,然后root = true在所有“排除”文件夹(folder2folder4)中创建另一个。它更好,但并不理想,因为我们必须记住对每个不应该应用的文件夹进行操作(实际上,可能有几十个)。

我想(能够)做什么

.editorconfig在根级别创建一个,并列出应应用的文件夹规则。我没有找到做这样的事情的方法:

[/folder1/**]
[/folder3/**]
[/folder5/**]
end_of_line = lf
insert_final_newline = true
Run Code Online (Sandbox Code Playgroud)

无效,因为您不能组合这样的部分。

或者,使用以下{s1,s2,s3}格式:

[{/folder1/**, /folder3/**, /folder5/**}]
end_of_line = lf
insert_final_newline = true
Run Code Online (Sandbox Code Playgroud)

但它似乎也无效(似乎只允许简单的文件名模式)。

有没有其他方法可以实现这一目标?我在文档或其他地方没有找到任何东西,但我可能错过了一些明显的东西。

editorconfig

8
推荐指数
1
解决办法
239
查看次数

角材料 - 确切知道选择了哪个选项卡

所以我可能在文档中遗漏了一些明显的内容,但我只是在寻找一种简单的方法来查找在以下场景中选择了哪个选项卡:

看法

<mat-tab-group (selectedTabChange)="onTabChange($event)">
  <mat-tab *ngIf="true" label="Label1">Content 1</mat-tab>
  <mat-tab *ngIf="false" label="Label2">Content 2</mat-tab>
  <mat-tab *ngIf="true" label="Label3">Content 3</mat-tab>
</mat-tab-group>
Run Code Online (Sandbox Code Playgroud)

显然,条件在我的实际代码中是动态的。这仅适用于示例。

脚本

onTabChange(event: MatTabChangeEvent) {
  // ?
}
Run Code Online (Sandbox Code Playgroud)

问题

在上面的脚本中,event.index如果单击第一个选项卡将返回 0,如果单击第三个选项卡将返回1,因为由于*ngIf.

这对我来说确实有意义,但是根据显示的选项卡开始,很难知道实际单击了哪个选项卡

我可以:

  • 再次测试其中的每个选项卡条件onTabChange以找出哪个索引对应哪个选项卡,
  • (可能)绑定ViewChild(ren)对某物的引用并data-通过其原生 DOM 元素检索数据(例如属性)。

不过,这两个选项似乎都有些矫枉过正。

在上面的代码中,如果Label3不测试标签本身(这显然是可怕的),那么知道标签标签被点击的适当方法是什么?

如果有帮助的话,简单的 Stackblitz

angular-material angular mat-tab

6
推荐指数
1
解决办法
1983
查看次数

标签 统计

angular ×1

angular-material ×1

editorconfig ×1

mat-tab ×1