主页 / user-13242962

David Mason's questions

Martin Hope
David Mason
Asked: 2024-10-08 05:36:24 +0800 CST
  • 6

我想在 Angular 中使用类型化表单。
在我的场景中，我有一个表单组，它应该有一些属性。
它们都应该是可空的，并且以“null”作为初始值。
但它们也应该是类型化的。

我还想使用表单生成器来使我的代码简短而简洁。

但我却没能做到我想做的事。

我的一个方法是这样的：

   formGroup = this.fb.group<{
      User: FormControl<string | null>,
      Site: FormControl<string | null>,
      AccessLevel: FormControl<string | null>,
      Application: FormControl<string | null>,
      BusinessProcessArea: FormControl<string | null>,
    }>({
      User: [null, Validators.required],
      Site: [null, Validators.required],
      AccessLevel: [null, Validators.required],
      Application: [null, Validators.required],
      BusinessProcessArea: [null, Validators.required],
   });

但是，typescript 并不喜欢我的做法，并在此处抛出错误。
此外，我需要将所有属性翻倍，这也使这段代码难以维护。

我很想做这样的事：

   formGroup = this.fb.group({
      User<string>: [null, Validators.required],
      Site<string>: [null, Validators.required],
      AccessLevel<string>: [null, Validators.required],
      Application<string>: [null, Validators.required],
      BusinessProcessArea<string>: [null, Validators.required],
   });

我知道这不是有效的 Typescript，而且我无法将类型定义放在那里。

但这应该表明我的愿望：

  • 允许可空字段
  • 同时是类型字段（即：string|null）
  • 无需重复
  • 可以使用表单生成器来获得简洁清晰的语法

我怎样才能实现这个目标？

angular
Martin Hope
David Mason
Asked: 2024-09-05 13:51:43 +0800 CST
  • 8

我在 MongoDB 中有一个文档集合，它们看起来都与此类似：

{
    "WorkspacePartTeamsite" : {
        "SiteContents" : [
            {
                "_id" : "00000000-0000-0000-0000-000000000002",
                "Name" : "PublicFiles",
            },
            {
                "_id" : "ad57fee3-e478-46a6-a8c1-499dcc98995f",
                "Name" : "Private",
            },
            ...
        ]
    }
}

该集合包含数百个这样的文档。
我想更新“SiteContents”数组并将属性“Name”复制到另一个属性“SPOSegment”。
结果可能如下所示：

{
    "WorkspacePartTeamsite" : {
        "SiteContents" : [
            {
                "_id" : "00000000-0000-0000-0000-000000000002",
                "Name" : "PublicFiles",
                "SPOSegment": "PublicFiles" 
            },
            {
                "_id" : "ad57fee3-e478-46a6-a8c1-499dcc98995f",
                "Name" : "Private",
                "SPOSegment": "Private" 
            },
            ...
        ]
    }
}

我已经尝试写一些查询，但它们都不起作用。
例如：

db.collection.updateMany(
  {
    $set: {
      "WorkspacePartTeamsite.SiteContents": {
        $map: {
          input: "$WorkspacePartTeamsite.SiteContents",
          as: "item",
          in: {
            $mergeObjects: [
              "$$item",
              { SPOSegment: "$$item.Name" }
            ]
          }
        }
      }
    }
  }
)

有什么建议我可以做什么吗？

mongodb
Martin Hope
David Mason
Asked: 2024-08-01 14:22:44 +0800 CST
  • 6

在渲染所有组件之前，我的应用需要一些所有组件都可用的基本数据。
因此我编写了一个返回可观察对象的解析器。

export const appRoutes: Route[] = [
   {
      path: '',
      resolve: { data: appWideRootResolver },
      children: [
         {
            path: '',
            pathMatch: 'full',
            redirectTo: 'dashboard',
         },
         //further routes...
      ]
    }
}

为了测试我的解析器如何工作，我从一个简单的例子开始：

export const appWideRootResolver: ResolveFn<number> = (_) => {
   const a$ = timer(4000, 1000).pipe(
      tap((x) => {
         console.log(x);
      })
   );
   return a$;
}

这个结果对我来说似乎很奇怪：
我本来期望在这个例子中，我的组件永远不会被渲染，因为我的可观察对象永远不会完成。

但是，Angular 仅等待一次发射，停止订阅并解析解析器。

这是设计使然吗？还是我做错了什么？

对于我来说，如果解析器返回一个可观察的对象，那么等待它完成而不是仅仅满足于第一次发射，这是非常有意义的。

angular