Blazor 模板化组件以呈现具有不同上下文的表单

问题描述

我有一系列文本框来获取用户的电话号码和电子邮件，我将使用它们以多种形式但具有不同的上下文，例如客户、员工、供应商，所以我想知道它是否是可以创建模板化组件以重用代码。

<div class="form-group row">
    <label for="phone1" class="col-sm-3">Phone 1: </label>
    <InputText id="phone1" @bind-Value="@Client.phone1"></InputText>
</div>

如何更改上下文并像这样调用组件

<Phones TValue=Employee />
<Phones TValue=Client />
<Phones TValue=supplier />

所有这些类都具有相同的电话和电子邮件属性。

谢谢

解决方法

我有点不清楚您为什么要这样做。如果“员工”、“客户”和“供应商”都派生自同一个基类（它们应该是），那么您根本不需要在标记中声明 TValue。只需[Parameter] public BasePersonModel Person {get; set; }

然后在组件的标记中，您可以在 Person 对象上使用您想要的任何逻辑，例如：

@if (Person is Employee) { Do something }