Konrad Viltersten's questions

我已经使用执行构建了这样的图像

docker build--tag=api--file=Dockerfile_01--no-cache--progress=plain。

基于下面的Dockerfile_01。

来自 mcr.microsoft.com/dotnet/sdk:8.0 AS build
WORKDIR /bin
复制 *.csproj ./
运行 dotnet 恢复
复制 .​​ ./
运行 dotnet 发布 --configuration 发布 --output /release
来自 mcr.microsoft.com/dotnet/aspnet:8.0
WORKDIR /bin
复制 --from=build /release .
暴露 8080 8081
CMD ["dotnet", "Api.dll"]

我开始执行我的容器

docker run --detach --publish 5001：8080 --publish 7001：8081 --name WebApi api

并且它似乎可以工作，日志告诉我程序监听端口 8080 等。但是，当我导航到http://localhost:5001时，我得到了 404。当我使用相应的配置文件直接从 VS 启动时，我可以看到 Swagger，正如预期的那样。

我该如何解决此问题？

我看到的唯一意外的事情是在日志中，它告诉我由于端口混乱，重定向到安全协议失败。不过，这是明天的问题，目前我尝试使用 5001，即 HTTP。

2025-02-14 17:56:41 信息：Microsoft.Hosting.Lifetime[14]
2025-02-14 17:56:41 正在监听：http://[::]:8080
2025-02-14 17:56:41 信息：Microsoft.Hosting.Lifetime[0]
2025-02-14 17:56:41 应用程序已启动。按 Ctrl+C 关闭。
2025-02-14 17:56:41 信息：Microsoft.Hosting.Lifetime[0]
2025-02-14 17:56:41 托管环境：生产
2025-02-14 17:56:41 信息：Microsoft.Hosting.Lifetime[0]
2025-02-14 17:56:41 内容根路径：/usr/bin
2025-02-14 17:57:02 警告：Microsoft.AspNetCore.HttpsPolicy.HttpsRedirectionMiddleware[3]
2025-02-14 17:57:02 无法确定重定向的 https 端口。

我怀疑我配置端口的方式有些问题，但我看不出在哪里。它也遵循了这个答案的建议。我测试了许多不同的组合，但没有发现任何有用的信息。

当然，为了确保万无一失，我测试了/，/swagger和/swagger.html ，尽管我知道这不是问题所在。

我正在使用 CLI 设置 SQL Server。它按预期工作。

$Group = @("--resource-group", "groupy")
$Name =  @("--name", "servy")
$User =  @("--admin-user", "BigCahoona")
$Pass =  @("--admin-password", "Abcde12345#¤%")

az sql server create $Group $Name $User $Pass

最近，有人建议我出于实际原因使用另一个密码，即包含括号的密码。我按要求替换了它，这让我有了意外的发现：括号的解释方式很特殊，分为两个层次，这让我更加困惑。

此更改：$Pass = @("--admin-password", "Abcde12345()")导致创建资源，但会产生以下错误。注意！这些不是我输入的命令。这只是计算机在显示创建的资源的 JSON 后给出的打印输出。

C:\source\dev>echo 无法加载 python 可执行文件。
无法加载 python 可执行文件。C
:\source\dev>exit /b 1

这种改变：$Pass = @("--admin-password", "Abcde12345()()")不会创建千斤顶，只会产生下面的错误。

() 此时是意外的。C
:\source\dev> "C:\Program Files\Microsoft SDKs\Azure\CLI2\wbin\..\python.exe" -IBm azure.cli
sql server create --resource-group groupy --name servy --admin-user BigCahoona --admin-password Abcde12345()()

我强烈怀疑 CLI 以某种方式将我的新密码视为函数调用，或者可能是要呈现的变量值。然而，我所困惑的是如何解决它（除了选择一组不同的字符之外）。一致的观察是，不允许在右括号后接任何内容，并且括号内需要一些参数。

我找到一些资源建议应该以某种方式进行转义或转义，所以我尝试了不同组合的撇号和引号以及反斜杠和美元符号。这些都没什么用。我确信我错过了一些替代方案，因为这个过程既乏味又令人恐惧。

由于我对 Python 以及 Flask 非常陌生，因此我对惯例、最佳实践和常用知识感到困惑。我尝试遵循 Microsoft 提供的示例（因为我们正在使用 Azure），我开始怀疑它们可能是... Microsoft'ish（即“它有效，但是...”）。

根据各种示例，我创建了两个端点，它们进行相同的计算，从而产生等效的有效载荷（但结构不同！），我无法确定哪种方法是推荐的。一种是使用资源（与路由相结合），另一种是显式路由。

from flask import Flask
from flask_restful import Api, Resource, request
from logic import compute

app = Flask(__name__)
api = Api(app)

class computer (Resource):
    def get(self):
        return compute(request.args.to_dict())

api.add_resource(computer, "/compute-resource")

@app.route("/compute-route", methods=["GET"])
def execute():
    return compute(request.args.to_dict())

if __name__ == "__main__":
    app.run()

我在输出中注意到的唯一（奇怪的是出乎意料的）是后者似乎按字母顺序对返回的 JSON 字段进行排序，而第一个却没有。

1. 这两种方法中哪一种更可取或者它们是否同样适用？
2. 字段排序的偏差说明了什么问题？

我有几个 DIV 可能标有指令special。该指令具有某些有效的逻辑。现在，我想在配备该指令的 DIV中添加一个组件。

<div special ...>Monkey</div>
<div regular ...>Donkey</div>

按照有关使用 ViewContainerRef的文档（由对类似问题的答案建议），我在我的指令中运行以下命令。

@Directive({ selector: "[special]" })
export class SpecialDirective {

  private viewRef = inject(ViewContainerRef); ...
  constructor() {
    const icon = this.viewRef.createComponent(IconComponent);
  }

它的工作原理与文档中描述的一样：创建的图标（对应于LeafContent）放置在 DOM 中标记为特殊的 DIV（对应于InnerItem）之后。这正是我的问题：我希望图标成为受指令控制的 DIV 内部 HTML 的一部分。

由于各种与其逻辑相关的原因，我无法将指令向内移动。我尝试访问viewRef.element并检查了它的其他字段和方法。但无济于事。在创建时设置索引没有帮助。我最接近的方法是分离/插入文档，但它只允许我管理DIV之后元素的顺序，而不是其中的元素顺序。

我已经看到了这个答案，但是它对我的情况没有帮助，因为在用户单击 DIV 之后发生了改变，而 DIV 已经创建并放置在视图中。

我该如何改变实例的内部viewRef？除了修改图标之外，我最好也删除其中的一些标签。

我想告诉 TS 该类型符合预期，只需稍微改变一下添加字段即可。诀窍在于我不需要将字段添加到类型本身，而是将其添加到其某个字段集合中的可用元素集。

这虽然可行，但是却很冗长和笨重。

const explicit = this.element.nativeElement.attributes.banana;

我可以提高可读性。

const pre = this.element.nativeElement;
const implicit = pre.attributes.banana;

其实我已经有这个字段了，但是因为其他的考虑，所以输入如下，导致它因为输入错误而向我咆哮。

const typed = this.element.nativeElement as HTMLElement;
const boohoo = typed.attributes.banana;

当然，我可以作弊。但编写和使用 TSany就像得到一个手电筒并让它由太阳能驱动一样。

const typed = this.element.nativeElement as HTMLElement;
const weehee = (typed.attributes as any).banana;

这就是为什么我想说，嘿 TS，让我们添加一个新字段as HTMLElement & { banana: string }，但以这样的方式，香蕉成为属性的一部分，而不是元素本身。

const retyped = this.element.nativeElement as HTMLElement & { ??? };

我不知道该怎么做，我尝试过所有我能找到的例子。我知道这是可能的，因为它很奇怪地连贯。除了明确声明一种新类型之外，我看不出还有什么其他方法。而且不用作弊。

我不明白为什么前两份打印输出有效，而后两份却产生错误。

const index1 = "name";
const holder: { field: string; } = { field: "name" };
const index2 = holder.field;

const target = { name: "beep" } as MyType;

console.log(target["name"]);
console.log(target[index1]);

console.log(target[holder.field]);
console.log(target[index2]);

错误说：

TS7053：元素隐式具有“任意”类型，因为类型“string”的表达式不能用于索引类型“MyType”。
在类型“MyType”上未找到具有类型“string”参数的索引签名。

如何通过来自非常量变量名获取字段？

我还没有找到能以我所认识的方式解决这个特定问题的好答案。最令人困惑的是，在这两种情况下，我都使用字符串来获取对象中的字段。唯一的区别是声明const。

我已尝试as const按照示例进行添加，但没有任何区别。

字段值来自这个接口。它肯定是一个字符串。在上面的示例中，我甚至简化了类型定义。

export interface SortInfo {
  field: string;
  direction: number;
}

我尝试从中获取字段的对象本身由该接口声明。

export interface MyType {
  id: string;
  name: string;
  type: number;
  ...
}

我的路由设置如下（主父节点和一堆子子节点）。

export const routes: Routes = [
  { path: "", component: HomeComponent },
  { path: "profile", component: ProfileComponent },
  {
    path: ":itemId", component: TabsComponent, children: [
      { path: "a", component: ComponentA, canActivate: [MsalGuard], canDeactivate: guard },
      { path: "b", component: ComponentB, canActivate: [MsalGuard], canDeactivate: guard },
      { path: "c", component: ComponentC, canActivate: [MsalGuard], canDeactivate: guard },
      ...
    ], canActivate: [MsalGuard]
  },
  ...
  { path: "**", component: BoomComponent },
];

我注意到canActivate: [MsalGuard]标签（即最后一个）的 并不是很有用，因为每个子放置的子项也有它。然后，我突然想到：有没有办法指定canActivate和canDeactivate以便它实际上影响各个子路径？

类似于下面的内容（我自然测试过并发现它不会实现我想要的效果）。

...
{
  path: ":itemId", component: TabsComponent, children: [
    { path: "a", component: ComponentA },
    { path: "b", component: ComponentB },
    { path: "c", component: ComponentC },
    ...
    ], canActivate: [MsalGuard], canDeactivate: guard
  ...
}

我看过官方文档和很多抒情博客。尽管如此，我仍然不明白为什么这么大惊小怪。我明白什么是linkedSignal和computed是什么。我不明白的是它们有什么不同。

据说后者的局限性在于它不可写。没错。但是前者以什么方式可写呢？我们做不到linky.set("shazoo")，对吧？它只能对另一个信号的变化做出反应，然后向其消费者产生重新计算的值。然而，这正是另一个所做的。

Angular 18：使用计算信号。

export class Angy18 {
  ...
  siggy = signal(1);
  compy = computed(() => siggy() * 2);
}

Angular 19：使用链接信号。

export class Angy19 {
  ...
  siggy = signal(1);
  linky = linkedSignal({
    source: this.siggy;
    computation: () => siggy() * 2);
  });
}

在我看来，唯一的区别似乎就是需要冗长的多行语法。我确信链接信号的增益在其他地方。我遗漏了什么？

在子级中，我有一个字段data，单击时我会更改其内容。然后，我希望在父级中触发一个效果来检测所述更改。出于某种原因，当我更改子级中的模型输入时，该效果不会触发（但是，在父级中设置信号时会触发该效果）。

孩子有这个。

export class ChildComponent {
  data = model({} as Vm);
  onClick() {
    console.log("Click alters the data.");
    // this.data.set(this.data());
    this.data.update(a => a);
  }
}

父母有这个。

export class ParentComponent {

  constructor() {
    interval(1000).subscribe(a => console.log("poll: ", this.data()));
    effect(() => { console.log("effect: ", this.data()) });
  }
  data = signal({} as Vm);
  ngOnInit() { this.data.set(this.getData()); }
}

我看到初始效果显示一个空对象。然后，我看到父级的 init 方法的更新。我还看到第二次检查显示子级中更改的值。然而 - 该效果不会再次触发，只会触发上述两次。

我不知道如何进一步排除故障。查看官方文档后，我发现它应该可以工作（它确实可以工作！）但我完全不确定我是否完全正确地在子组件中执行了更改。

（在实际情况下，我只会改变作为模型输入一部分的数组中对象中的字段，data但这是下一步。首先，我想了解为什么执行set(...)或update(...)触发父项中的效果。

我正在声明以下数组。

let arr = [
  { id:"aa", vals:[1,2,3] }, 
  { id:"cc", vals:[3,4,5] }, 
  { id:"bb", vals:[2,3,4] }];

在控制台中打印它可以确认预期，因为每个元素都有两个字段：字符串id和数字数组vals。然后，我就reduce(...)这样进行操作。

let reduction = arr.reduce((a,b) => a[b.id] = b, {});

我的期望是一个单个对象，其字段对应于迭代数组的 ID 值，即aa、bb和cc，其中这三个字段中的每一个都包含原始数组中的相应元素。

我得到的只是符合预期的最后一个元素，而前两个元素不知何故变得令人费解，配备了额外的字段。请注意，我说的是原始数组中的更改！根据文档：reduce() 方法不会更改原始数组。

我缺少什么？

最终的愿望是通过将数组减少为单个实例但具有任意添加的字段来简单地将数组转换为字典。有很多资源可以从中获取灵感。所以这个问题只与这种意外行为有关。

我有一个查找组件按预期工作。它专门用于获取和过滤用户列表，这些用户在选择后将被设置为成员。它可以配置为设置标题、占位符等，以及我传递的用于呈现每一行候选的模板。注意。查找本身负责获取替代列表 - 来自父级的输入仅包含查询：传递给服务的部分名称。

@Component({ selector: 'app-lookup', ... })
export class LookupComponent {
  constructor(private service: MembershipService) { }

  @ViewChild("lookup") lookup: ElementRef;
  @ContentChild(TemplateRef) content: TemplateRef<unknown>;
  @Input() data = {} as LookupVm;
  @Output() selection = new EventEmitter<User>();
  ...

  onKeyUp(event: KeyboardEvent) {
    const query = (event.target as HTMLInputElement).value; ...
    this.service.getUsers(query).subscribe( ... );
  }

  onClick(input: User) {
    ...
    this.selection.emit(input);
  }
}

现在，我要为其他类型创建查找：项目、现有成员、活动等。显然，一种方法是为每个源实现专用的查找组件。不过，我想让它变得通用，因为大多数行为是相同的：只有源和输出不同。

这不是这篇文章的重复回答，也不是星号运算符在此处所做操作的（正确）解释。不过，它是建立在这些基础之上的。

最重要的是，这*ngBeep是一种方便的方式，语法确定，简短的表达方式[ngBeep]。但是，在我的代码中，我使用了以下表达式。他们做的事情完全相同（据我所知）并且行为符合预期。

<div *ngFor="let item of [1,2,3]">
  #{{item}}
  <ng-container *ngTemplateOutlet="content"></ng-container>
  <ng-container [ngTemplateOutlet]="content"></ng-container>
</div>

嗯……从技术上来说，前者比后者短。然而，引入一个全新的运算符来消除单个字符似乎很愚蠢。当然，对于其他指令，保存的字符/行可能比上面的具体示例要多得多。

这两条集装箱生产线是否完全相同（在这种病态的情况下）？如果不是，它们有何不同（在幕后）？

我有两个组件：父组件和子组件，具有以下标记。对于这个例子来说至关重要的是，子进程获取自己的数据来渲染，并且不能由父进程提供。按照现在的设计，它可以按预期工作。

家长。​

<h1>I'm the papa</h1>
<app-lookup>
  <div>Some fixed content</div>
  <div>Some dynamic content (soon)</div>
</app-lookup>

孩子。​

<h1>I'm the sonny</h1>
<div *ngFor="let item of items">
  <span>{{item.name}}</span>
  <span>{{item.value}}</span>
</div>
<div>Total: {{items.count}}</div>
<ng-content></ng-content>

在这个阶段，我意识到我不知道如何将孩子内部的东西渲染为从父母传递的内容的一部分。在上面的示例中，显示了总数（当从订阅的 HTTP 请求重试时）。但我想通过将模板传递给孩子来控制它的呈现方式。

希望的伪代码（自然不起作用，因为items父级中不存在）将是这样的。

<h1>I'm the papa</h1>
<app-lookup>
  <div>Some fixed content</div>
  <div>The cool total: {{items.count}}</div>
</app-lookup>

我不能使用，@Input/@Output因为我想将数据封装在孩子中。我发现了很多关于子内容和数据交换的博客。但我未能找到一个说明如何传递要使用子字段呈现的模板的模板。当然，父母需要猜测字段的名称。我对此很满意（如果这些不存在，我就什么也不显示。

我可以像这样在一个单一操作中推送一个数组并修改额外的元素。

let arr = [1, 2, 3];
let col = [];
col.push(arr);
col.push([...arr, 4]);

我想知道是否有可能实现类似的东西，即针对对象进行修改和推送的单行代码。

let obj = { ... };
obj.extraInfo = "shazoo";
col.push(obj);

我还没有找到任何东西，所以我做好了不去的准备，但我以前就错了。