Aspnetcore: Erstellungsfehler, wenn Parameter und untergeordnete Komponente denselben Namen haben

Unterstützung für @tagHelperPrefix

Problem

Die aktuelle Implementierung von Blazor v0.6.0 unterstützt Razor @tagHelperPrefix

Funktionale Auswirkungen

Der Versuch, eine untergeordnete Komponente in ein untergeordnete als auch das

Minimale Reproschritte

Nehmen wir an, wir haben eine Komponente in Panel.cshtml wie folgt:

<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; }
}

und eine andere Komponente in PanelHeader.cshtml wie folgt:

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

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

Die Verwendung dieser beiden Komponenten auf einer Seite wie dem folgenden Code führt zu einem Fehler bei der Kompilierung:

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

Vorschlag

Ich würde empfehlen, Unterstützung für @tagHelperPrefix hinzuzufügen, um die Unterscheidung von Komponenten von RenderFragments zu vereinfachen.

Der obige Code kann dann wie folgt umgeschrieben werden:

Panel.cshtml wäre wie folgt:

<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; }
}

Und PanelHeader.cshtml würde so aussehen:

<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; }
}

Und schließlich können sowohl die untergeordnete als auch die übergeordnete Komponente folgendermaßen verwendet werden:

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