Angular 2 - Article Form && Parent Component

article.ts

@Component({
    selector: 'article-edit',
    template: ` <article-form [article]="article | async"></article-form>`
})
export class ArticleEditComponent implements OnInit {
    article: FirebaseObjectObservable<IArticle>;
    constructor(private articleService: ArticleService, private route: ActivatedRoute) {
    }

    ngOnInit() {
        this.route.params.subscribe(
            (param: any) => {
                this.article = this.articleService.getArticle(param['id']);
            });
    }
}
      
      ----------------------------------------------------------------
      
      
@Component({
    moduleId: module.id,
    selector: 'article-form',
    templateUrl: 'article-form.component.html'
})

export class ArticleFormComponent {

    @Input() article: Article = new Article(
        this.title,
        this.text,
        null,
        this.authService.authState.uid
    );

      ----------------------------------------------------------------
      
      <input class="form-control" [(ngModel)]="article.title"
                       style="font-size: 2.6rem; font-weight: bold; border: 0;" name="articleTitle"
                       placeholder="Your Post Title" type="text"/>