主页 / user-325868

LeO's questions

Martin Hope
LeO
Asked: 2025-03-03 17:44:21 +0800 CST
  • 5

我datasource在材料表中有一个信号。

  dataSource: WritableSignal<PeriodicElement[]> = signal([]);

表格数据正确显示

我根据描述将其添加matSort到标题中。

<table mat-table matSort [dataSource]="dataSource()" class="mat-elevation-z8">
<!-- Position Column -->
  <ng-container matColumnDef="position">
    <th mat-header-cell mat-sort-header *matHeaderCellDef>No.</th>
...

但不知何故，这行不通。我见过并尝试过不使用信号，但这种方法有效。有没有人知道如何正确使用信号？

斯塔克布利茨

angular
Martin Hope
LeO
Asked: 2024-10-03 01:26:21 +0800 CST
  • 5

我正在用 Angular 编写一些自己的扩展面板。我想模仿 Angular Material Expansion Panel 的行为（但它不符合我的要求）。

因此，我基本上有 3 项，即

  1. 开始图标
  2. 文本
  3. 折叠/展开按钮。

当我单击展开图标时，文本就会显示出来。运行代码在Stackblitz上提供。

当面板折叠时，所有三个图标都处于同一水平

居中对齐

这是由于

    align-items: center;

这看起来很完美。一旦我展开面板，图标也会浮动到容器的中心。有没有办法将它们固定在顶部并使其居中collapsed？

css
Martin Hope
LeO
Asked: 2024-06-04 16:42:45 +0800 CST
  • 8

我定义了以下类型

export interface LanguageEditInfoDto {
    canEdit: boolean;
    label: string;
    useDudenLang: boolean;
}
export type UILanguageEditInfoDto = LanguageEditInfoDto & {
    isFormValid: boolean;
};

我定义了以下函数：

function setLanguages(languages: Record<string, LanguageEditInfoDto>) {
    const langState: Record<string, UILanguageEditInfoDto> = {};
    for (const langCode in languages) {
        langState[langCode] = {
            isFormValid: true,
            ...languages[langCode],
        };
    }
}

为什么我会收到以下错误langState[langCode]？以及如何解决？

TS2322: Type
{   canEdit?: boolean | undefined;   label?: string | undefined;   useDudenLang?: boolean | undefined;   isFormValid: true; }
is not assignable to type UILanguageEditInfoDto
Type
{   canEdit?: boolean | undefined;   label?: string | undefined;   useDudenLang?: boolean | undefined;   isFormValid: true; }
is not assignable to type LanguageEditInfoDto

根据定义，没有一个属性是可选的。因此，恕我直言，这个断言是错误的。

angular
Martin Hope
LeO
Asked: 2023-12-04 23:16:19 +0800 CST
  • 7

我想根据设置/使用的区域设置以 HTML 形式显示日期。出于显示目的，我想用英语或德语显示它 - 这取决于用户的决定。这意味着用户选择区域设置“de”或“en”。

显示日期的默认方式是

 <span>{{ data.selDate | date: "mediumDate" }}</span>

根据我拥有的文档{{ value_expression | date [ : format [ : timezone [ : locale ] ] ] }}。但这段代码不起作用

 <span>{{ data.selDate | date: "mediumDate" :'':"de-DE" }}</span>
 <span>{{ data.selDate | date: "mediumDate" :undefined:"de-DE" }}</span>

如何在 DatePipe 中指定它？

angular
Martin Hope
LeO
Asked: 2023-09-19 21:21:48 +0800 CST
  • 6

根据文档，它exhaustMap使用 ResultSelector，这将在 V8 中删除。我尝试遵循该示例，但无法找到如何重构我的代码的线索。

interval(5000)
  .pipe(
    takeWhile(() => !this.isDialogDestroyed),
    exhaustMap(() => this.versService.checkStatus(myParameters))
  )
  .subscribe({
    next: (status) => {
      if (status === 'DONE') {
        this.isDialogDestroyed = true;
        // ...  further processing - removed for simplicity 
      }
    },
    error: () => {
      // Handle errors here
    },
  });

如何调整代码以适应 V8？

rxjs