我一直在使用 FAST 工具包 ( https://fast.design ) 创建我自己想要使用的元素。那段旅程的一部分使我制作了一个Toolbar.

曾经Toolbar，我想将按钮的背景更改为透明（看起来像：https ://fluentsite.z22.web.core.windows.net/components/toolbar/definition 。现在我可以创建另一个元素, 即ToolbarButton扩展Button(以及任何其他需要删除背景的控件) 并且它将为我的目的工作。不过, 感觉就像我应该能够做的事情, 因为它是Toolbar.

我不确定这是否可能，但通过 GitHub 上的文档和源代码我无法弄清楚。

任何意见，将不胜感激。

参考：https ://github.com/microsoft/fast/issues/3548

I am trying to design some components using FASTElement. However, I couldn't pass a dynamic property from parent to a child component. In my design, I have two FAST templates as follows,

childCompTemplate.ts

parentCompTemplate.ts

CustomTheme.ts

I referenced customTheme property in the model files,

ParentModel.ts <= this is an interface

ChildModel.ts

However, when I triggered the event, I saw no change in the child component's div class. Could you please help me to understand which point that I am missing?

Thanks for the help!

TL;DR I want to update a property when some specific event is fired on the parent template. However, changes are not affecting the child.

这是在版本（package.json）上测试的：

前提条件

0. 使用此 URL打开沙箱；
1. 等到一切都安装好；
2. 等到您看到屏幕右侧的滑块。

重现问题的步骤：

1. 前后拖动滑块的拇指（手柄）；
2. 查看值（它已按预期更改）；
3. 点击+或-按钮；
4. 再次尝试使用滑块；
5. 返回+或-按钮，然后单击一个或另一个。

实际结果：

在与不同的组件/元素交互后，绑定停止工作或至少无法按预期工作

预期结果：

它必须在进行任何交互后工作。

我尝试过的事情：

• v-模型；
• 事件的自定义绑定指令（onchange，drag）。

自定义绑定指令的代码示例：

实施文件

用法：

附加信息：

在一个元素失去焦点并且另一个元素获得焦点后，绑定（或它的某些部分停止工作）。

关于这个问题的视频

那提出的建议"EisenbergEffect"可能会帮助某人找到修复它的 方法：

当涉及到输入元素时，它们可能会有所不同并且往往会有所不同。是否： value 设置 value 属性或 value 属性？"

主要组件代码：

我一直在尝试创建一个自定义元素 - 一个带有必需文本字段的表单。为此，我使用了来自快速基础、流畅按钮的 TextField 类和模板，我的自定义元素模板如下所示 -

动作按钮只是扩展了fluentButton。现在，当我单击按钮检查空输入的验证消息时，我在浏览器上收到一个错误 - An invalid form control with name='' is not focusable。

看起来浏览器无法专注于输入元素以在框旁边显示验证消息。我应该在这里做任何额外的工作吗？

我最近一直在研究 .NET 6 中带有 Blazor PWA 的快速组件，在文档中我可以看到调用单个组件的潜力（我相信显示角度语法 - 下面的示例）。我想使用 Blazor 引入单个组件，但是，我不确定这是否可能，或者如何完成（可能使用 IJSRuntime？）Blazor 集成指南不包括导入单个组件，这导致我认为这是不可能的，但我希望有人知道。

有谁知道如何实现这样的目标：

在带有 .NET 6 的 Blazor 中使用这种语法，但只导入特定组件，而不是整个模块？

我正在尝试在混音应用程序中使用FAST Web 组件，但到目前为止还没有运气。

在这一点上，我的猜测是问题出在 remix 中完成的构建。我知道构建是由esbuild完成的，并且它不能完全与 esm 模块一起使用，至少不是 FAST 导出它们的方式。

我得到的错误是：

以下是我尝试在我的混音应用程序中包含 FAST 的方式：

现场演示：https ://codesandbox.io/s/green-leftpad-grd8o?file=/app/routes/index.tsx:0-702

我正在尝试将 Fast UI 控件与 React 和 TypeScript 一起使用。我遵循了React 集成说明，但我的onChange事件没有触发。我错过了什么？

该onClick事件正在复选框上工作，但 onChange 确实是我所追求的。

我的代码：

我正在尝试从Fluent UI Web Components library实现 FluentSelect React 组件，作为受控组件。

如何让 Select 显示当前值？我尝试了不同的配置，但它始终默认为第一个选项。