Question

我正在尝试学习炽烈的火焰。我已经创建了Blazor Server应用程序。我有一个父剃刀页面，该页面引用了子剃刀组件。我需要一些帮助或理解。

在父项中，我这样引用子项“ Cities”：

<Cities selectID="selCities" CityList=@cities></Cities>

这会将2个参数传递给孩子。孩子们的html看起来像这样：

<select ID="@selectID" class="form-control col-3">
    @if (@CityList != null)
    {
        @foreach(var city in CityList)
        {
            <option value="@city">@city</option>
        }
    }
</select>

这很好用，并提供了一个带有ID和选项的填充下拉列表框。

但是，如何引用父组件中的选定文本？

子组件将驻留在父组件的InputForm中。单击“保存”按钮后，我需要子组件中选择框的文本值。

我知道仅将选择保留在父对象上会更简单，但是我正在尝试学习构建可重用的代码。这只是一个练习。我知道将需要很多次将值返回给父组件。只是想不通。

非常感谢！

Answer 1

我找到了更深入研究的答案。

您似乎可以在子组件代码中创建一个回调事件，该事件将更新父组件的值。

对于其他正在搜索的人，我在这里找到了以下信息：Share Data Between Child And Parent Components In Blazor

如何从子剃刀页面返回到父剃刀页面的值

1 个答案: