Как я могу добавить текст по умолчанию в Blazor inputText

#blazor

Вопрос:

Как я могу добавить текст по умолчанию в Blazor inputText. Я добавляю 123456 во входной текст, но когда страница blazor загружается, входной текст отображается пустым.

Пустой Текст

 <div class="form-group">
<label for="pass">Phone Number:</label>
<div>
       <InputText @bind-Value="userInfo.PhoneNumber" style="width:100%;">123456</InputText>
        <ValidationMessage For="@(() => userInfo.PhoneNumber)" />
</div>
</div>
 

Комментарии:

1. В качестве вашей привязки к userInfo. Номер телефона просто установите его и удалите содержимое. <InputText @bind-Value="userInfo.PhoneNumber" />

2. Спасибо за ваш ответ <inputText @bind-Value=»123456″ стиль=»ширина:100%;»><inputText @bind-Value=»123456″ стиль=»ширина:100%;»></inputText> но произошла ошибка.

3. Нет ‘userInfo. Номер телефона = 12345’ до отображения формы или в инициализаторе класса.

4. Спасибо. Я добавляю Номер телефона = 123456″ но снова я получаю ошибку : не удается неявно преобразовать тип «int» в «строку». с наилучшими пожеланиями вам.

Ответ №1:

Сделайте все, что вы хотите, чтобы значение по умолчанию было в вашей привязанной переменной

 <input @bind="phonNumber" />



@code{
string phoneNumber = "12345678";

} 

или, в вашем случае, вы можете сохранить привязанный номер к userInfo.Номер телефона и просто установите для этой переменной значение по умолчанию, которое вы хотите инициализировать

 <input @bind="userInput.phoneNumber" />

@code
{

UserInput userInput {get; set;}
  protected override void OnInitialized()
  {
    userInput.phoneNumber = "123456";
  }
} 

Конечно, вам нужно будет определить ввод пользователя и убедиться, что в нем есть поле или свойство «Номер телефона».