35 lines
918 B
TypeScript
35 lines
918 B
TypeScript
import {Component, EventEmitter, Output} from '@angular/core';
|
|
import { Post } from '../post.model';
|
|
import { NgForm } from '@angular/forms';
|
|
import { PostService } from '../posts.service';
|
|
|
|
@Component({
|
|
selector: 'app-post-create',
|
|
templateUrl: './post-create.component.html',
|
|
styleUrls: ['./post-create.component.css']
|
|
})
|
|
|
|
export class PostCreateComponent {
|
|
|
|
enteredTitle = '';
|
|
enteredContent = '';
|
|
constructor(public postsService: PostService){}
|
|
|
|
//@Output() postCreated = new EventEmitter<Post>();
|
|
onAddPost(form: NgForm) {
|
|
//console.log(this.enteredTitle);
|
|
//console.log(this.enteredContent);
|
|
if (form.invalid) {
|
|
return;
|
|
}
|
|
const post: Post = {
|
|
id: '',
|
|
title: form.value.enteredTitle,
|
|
content: form.value.enteredContent
|
|
};
|
|
//console.log("Pressed the button!");
|
|
//this.postCreated.emit(post);
|
|
this.postsService.addPost(form.value.enteredTitle, form.value.enteredContent);
|
|
}
|
|
}
|