Blazor语言 - 如何设置从父到子的参数

Question

我是Blazor的新手。

我有一个我已经创建的头组件，在页面中我只是有:

<h1 class="col-3">@HeaderText</h1>

然后在后面的代码中我有:

[Parameter]
public string HeaderText {get; set;} = string.empty;
[Parameter]
public string Description {get; set;} = string.empty;

在我的一个页面中，我引用了一个组件:

@using components
<div><MainHeader></MainHeader></div>

其中MainHeader是我的组件。

所以在我的代码后面的我的页面，我想设置标题文本和描述。我知道对于HeaderText，我可以简单地输入:

<MainHeader HeaderText="blah"></MainHeader> 

和Blah将显示为标题，但对于描述设置为这种方式太过了。

谁能告诉我怎么做?

谢谢。

Answer 1

这里没有真正看到问题:这是MainHeader.razor

<h1 class="col-3">@HeaderText</h1>
<h4>@Description</h4>
@code
{
[Parameter]
public string HeaderText {get; set;}
[Parameter]
public string Description {get; set;}
}

在页面上你可以这样做

<MainHeader HeaderText="@header" Description="@description" />
@code
{
string header = "Your header";
string description = "Your description";
protected override void OnInitialized() 
{
header = "Header can be changed";
description "So can description";
}
}