Aspnetcore: 参数和子组件具有相同名称时生成错误

添加对@tagHelperPrefix

问题

Blazor v0.6.0的当前实现不支持Razor @tagHelperPrefix

功能影响

尝试在子组件和RenderFragment具有相同名称的父组件的RenderFragment中包含子组件会导致编译时错误。

最少的复制步骤

让我们假设我们在Panel.cshtml有一个组件，如下所示：

<div class="panel panel-default">
  <div class="panel-heading">@PanelHeader</div>
  <div class="panel-body">@PanelBody</div>
</div>

@functions{
  [Parameter] private RenderFragment PanelHeader { get; set; }
  [Parameter] private RenderFragment PanelBody { get; set; }
}

以及PanelHeader.cshtml另一个组件，如下所示：

<div>@Title</div>
<div>@SubTitle</div>

@functions{
  [Parameter] private string Title { get; set; }
  [Parameter] private string SubTitle { get; set; }
}

然后在类似以下代码的页面中使用这两个组件将导致编译时错误：

<Panel>
  <PanelHeader>
       <PanelHeader Title="some title" SubTitle="sub title"></PanelHeader>
  </PanelHeader>
  <PanelBody>Some content ...</PanelBody>
<Panel>

提议

我建议添加对@tagHelperPrefix支持，以便简化与RenderFragments区别的组件。

上面的代码然后可以按如下方式重写：

Panel.cshtml像这样：

<strong i="32">@tagHelperPrefix</strong> "pre1:"
<div class="panel panel-default">
  <div  class="panel-heading">@PanelHeader</div>
  <div  class="panel-body">@PanelBody</div>
</div>

@functions{
  [Parameter] private RenderFragment PanelHeader { get; set; }
  [Parameter] private RenderFragment PanelBody { get; set; }
}

PanelHeader.cshtml看起来像这样：

<strong i="37">@tagHelperPrefix</strong> "pre2:"
<div>@Title</div>
<div>@SubTitle</div>

@functions{
  [Parameter] private string Title { get; set; }
  [Parameter] private string SubTitle { get; set; }
}

最后，子组件和父组件都可以像这样使用：

<pre1:Panel>
  <PanelHeader>
       <pre2:PanelHeader Title="some title" SubTitle="sub title"></pre2:PanelHeader>
  </PanelHeader>
  <PanelBody>Some content ...</PanelBody>
<pre1:Panel>