Блог

Главная - Вопросы по программированию - Представление ngModel внутри текстового ввода

Представление ngModel внутри текстового ввода

#angular #typescript #ngmodel

#angular #машинописный текст #ngmodel

Вопрос:

У меня возникли проблемы с представлением данных внутри форм ввода. 

  <div class="input-group mb-3">
      <div class="input-group-prepend">
        <span class="input-group-text text-white" style="background-color:#03a9f4">Product ID</span>
      </div>
      <input type="text" class="form-control" [(ngModel)]="productID" name="productID" readonly="true" style="background-color: white">
 </div>

Внутри component.ts я получил 

  private productID: string;

  private initData() {
    this.productID = "12345"; //TODO REST call for data
  }

  ngOnInit() {
    this.initData();
  }

Но по какой-то причине мой ввод не имеет значения при загрузке страницы. Почему это?

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

1. Вы импортировали FormsModule ? Вы видите какие-либо ошибки в консоли?

2. Да, я попал FormsModule внутрь моего app.module.ts и в компонент, который я тестирую. В консоли нет ошибок.

3. Можете ли вы создать stackblitz пример, чтобы продемонстрировать вашу проблему?

4. Может ли текст на входе быть белым на белом фоне? Если вы дважды щелкните элемент ввода, что-нибудь выбрано?

5. Вам нужно вызвать initData() ниже ngOnInit() показать мой ответ, который я создал stackblitz для вас.

Ответ №1:

Здесь я создал для вас stackblitz, и он работает. Я скопировал ваш код, пожалуйста, проверьте его еще раз.

Рабочая демонстрация Stackblitz