ngModel убивает вывод с белым экраном - PullRequest
Новая
       19

ngModel убивает вывод с белым экраном

0 голосов
/ 11 декабря 2018

Я новичок в Angular 2 и пытаюсь следовать курсу Pluralsight, в котором он используется.Это заставляет меня выполнять двустороннее связывание через [(ngModel)] = "book.title", но когда я добавляю следующее в book-form.component.html: 

  <div class="form-group row">
    <label class="col-2 col-form-label">Title</label>
    <div class="col-10">
      <input class="form-control" type="text" name="title" [(ngModel)]="book.title">
    </div>
  </div>

, я получаю толькобелый экран, когда я пытаюсь перейти к приложению.Переменная объявлена ​​правильно в файле book-form.component.ts, и я могу сделать это без проблем: 

  <div class="form-group row">
    <label class="col-2 col-form-label">Title</label>
    <div class="col-10">
      <input class="form-control" type="text" name="title" value="{{book.title}}">
    </div>
  </div>

Итак, я не уверен, что я делаю неправильно в первомпример двусторонней привязки, которая, кажется, соответствует видео, но не ошибается во втором примере вывода переменной с односторонним движением.

Это не дает мне никаких ошибок для работы;просто показывая белый экран, когда я пытаюсь запустить приложение в своем браузере.Вывод 'ng serve' показывает, что все успешно скомпилировано.

1 Ответ

0 голосов
/ 11 декабря 2018

Вам необходимо импортировать FormsModule в ваш модуль 

import { FormsModule } from '@angular/forms';

@NgModule({
  imports: [
   //...
    FormsModule
  ]
})
...