Blazor bind-Value to component

Djordje Radovanovic 0

Inside blazor page I have defined child component. I defined bind-value to a component like this:

  <RadLpr @ref="radlpr" @bind-iRadid="SelectedRadid"></RadLpr>

but when the code hit this point I receive this error:

23-10-17T11:33:16.367Z] Error: System.InvalidOperationException: Object of type 'BezraWEB_Server.Pages.RadLpr' does not have a property matching the name 'iRadidChanged'

In my child component variable for receiving parameter is iRadid not iRadidChanged so I consider this as a bug.

Where did I go wrong?

JasonPan - MSFT 4,811 Microsoft Vendor

Hi @Djordje Radovanovic ,

I don't know how you implement this. I have test in my local and it works fine, if I have a misunderstanding about this issue, please let me know in time.

RadLpr.razor

<h3>RadLpr</h3>

<p>Current iRadid Value: @iRadid</p>

<input type="number" @bind="iRadid" />

<button @onclick="IncrementValue"> + 1 </button>

@code {
    private int _iRadid;

    [Parameter]
    public int iRadid
    {
        get => _iRadid;
        set
        {
            if (_iRadid != value)
            {
                _iRadid = value;
                iRadidChanged.InvokeAsync(value);
            }
        }
    }

    [Parameter]
    public EventCallback<int> iRadidChanged { get; set; }

    private void IncrementValue()
    {
        iRadid++;
    }
}

Index.razor

@page "/"

<RadLpr @ref="radlpr" @bind-iRadid="SelectedRadid"></RadLpr>

<PageTitle>Index</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.

<SurveyPrompt Title="How is Blazor working for you?" />

@code {
    private RadLpr radlpr;

    private int SelectedRadid { get; set; } = 0;
}

Best Regards

Jason

Share via

Blazor bind-Value to component