blazor 오류가 뜨는데 뭔지 모르겠습니다.

blazor 따라하면서 프로젝트를 만들어보는 연습을 하고 있는데요…

inputselect 부분이 들어가면 빨간 밑줄이 생기고 오류가 나타나는데… 그 부분만 빼면 오류없이 잘 실행됩니다.

도무지 원인을 모르겠네요… 블레이저 넘나 어려운 것…

@page "/hero"
@page "/hero/{Id:int}"
@inject ISuperHeroService SuperHeroService

@if (Id == null)
{
    <PageTitle>Create a new super hero</PageTitle>
    <h3>CREATE A NEW SUPER HERO</h3>
}
else
{
    <PageTitle>Edit @hero.HeroName</PageTitle>
    <h3>Edit @hero.HeroName</h3>
}

<EditForm Model="hero" OnSubmit="HandleSubmit">
    <div>
        <label for="firstname">First Name</label>
        <InputText id="firstname" @bind-Value="hero.FirstName" class="form-control"></InputText>
    </div>
    <div>
        <label for="lastname">Last Name</label>
        <InputText id="lastname" @bind-Value="hero.LastName" class="form-control"></InputText>
    </div>
    <div>
        <label for="heroname">Hero Name</label>
        <InputText id="heroname" @bind-Value="hero.HeroName" class="form-control"></InputText>
    </div>
    <div>
        <label>Comic</label><br />
        <InputSelect @bind-value="hero.ComicId" class="form-select">
            @foreach (var comic in SuperHeroService.Comics)
            {
                <option value="@comic.Id">@comic.Name</option>
            }
        </InputSelect>
    </div>
    <br />
    <button type="submit" class="btn btn-primary">@btnText</button>
</EditForm>
@code {
    [Parameter]
    public int? Id { get; set; }
    string btnText = string.Empty;

    SuperHero hero = new SuperHero { Comic = new Comic() };

    protected override async Task OnInitializedAsync()
    {
        btnText = Id == null ? "Save New hero" : "Update Hero";
        await SuperHeroService.GetComics();
    }

    protected override async Task OnParametersSetAsync()
    {
        if (Id == null)
        {
            //create new one
        }
        else
        {
            hero = await SuperHeroService.GetSingleHero((int)Id);
        }
    }

    async Task HandleSubmit()
    {

    }
}

전체 소스코드를 파악하면 범인을 잡기 쉬우실 것 같아서 소스 전체를 깃에 올려봅니다.

https://bitbucket.org/cdreaper/blazor_inputselect/

2개의 좋아요

<InputSelect @bind-value=“hero.ComicId” class=“form-select”>

에서 @bind-value@bind-Value

대소문자 구분 때문에 오류 나는 것 같습니다~

5개의 좋아요

와… 이런 어처구니없는…ㅠㅠ
아직 기본 키워드에 대해서도 모르는게 대부분이라 이런 실수가 생기네요.
감사합니다!!

3개의 좋아요