Angular 5 Observable和ngModel错误：无法读取未定义的属性“title”

Question

我正在使用 [（ngModel）] =“article.title”为其中一个输入字段构建表单。我知道我可以在字符串插值中使用安全导航操作符，但我想使用双向数据绑定。

控制台显示以下错误：

<input ... [ngModel)]="article.title" ... />

模板是：

export class EditPostComponent implements OnInit {

[...]

createPostForm: FormGroup;
urlParam: any;
article: any;

[...]

ngOnInit() {
  this.urlParam = this.activatedRoute.snapshot.params;

  this.blogService.getArticle(this.urlParam.id)
    .subscribe(data => {this.article = data});
}

组件：

let textarea = document.createElement('textarea');
textarea.setAttribute('type', 'hidden');
textarea.textContent = 'the string you want to copy';
document.body.appendChild(textarea);
textarea.select();
document.execCommand('copy');

使用Elvis运算符的字符串插值工作正常并且不会抛出任何错误，但是ngModel会给出错误。

有人可以告诉我为什么会这样并提出解决方案吗？感谢