blogposts | my blog posts published on medium + code samples | Blog library

Full Example Link: https://www.truecodex.com/course/angular-6/angular-6-get-and-post-request-http-client

Error Detail

error TS2339: Property 'description' does not exist on type 'Blogpost'.

</p> <p><strong>Blogs Component</strong></p> <pre class="lang-js prettyprint-override"><code>import { Component, OnInit } from '@angular/core'; import { BlogsService } from '../blogs.service'; import { Blogpost } from '../blogpost'; @Component({ selector: 'app-blogs', templateUrl: './blogs.component.html', styleUrls: ['./blogs.component.css'] }) export class BlogsComponent implements OnInit { posts: Blogpost[]; blogpost = new Blogpost(); error: string; showPostForm = false; constructor(private blogservice: BlogsService) { } ngOnInit() { this.blogservice.getBlogPosts().subscribe( (data: Blogpost[]) => this.posts = data, error => this.error = error ); } onSubmit() { this.showPostForm = false; return this.blogservice.createPost(this.blogpost).subscribe( data => this.posts.push(data), error => this.error = error ); } } </code></pre> <p><strong>blogs.component.html</strong></p> <pre class="lang-html prettyprint-override"><code><div class="container"> <div class="blogs" [hidden]="showPostForm"> <div class="content-top"> <div class="blog-heading"> <h1>Blogs</h1> </div> <div class="blog-create-btn"> <button (click)="showPostForm=true;postForm.reset()">Create Post</button> </div> </div> <div *ngFor="let post of posts" class="posts"> <h2 class="post-title">{{post.title}}</h2> <div class="post-date"> <span>Author: {{post.author}}</span><br /> Posted On: {{post.created_at | date:'medium'}} </div> <div class="post-desc">{{post.description}}</div> </div> </div> <div class="post-form" [hidden]="!showPostform"> <h2>Create Post</h2> <form (ngSubmit)="onSubmit()" #postForm="ngForm"> <div class="form-group"> <label for="title">Title: </label> <input type="text" name="title" id="title" [(ngModel)]="blogpost.title" required> </div> <div class="form-group"> <label for="author">Author: </label> <input type="text" name="author" id="author" [(ngModel)]="blogpost.author" required> </div> <div class="form-group"> <label for="description">Description: </label> <textarea name="description" id="description" [(ngModel)]="blogpost.description" rows="8">

Blog.ts

I have a flutter screen which loads the screen below. The first time i run the code... it shows a blank screen. When i go back and click the link again, it works ok. I am not sure where the problem is. Is it the Async await or the Future builder?

The first time i run the code the print statement print('inside the builder1'); runs but the second print statement print('inside the builder'); which is inside the future builder does NOT. when i go back and come back to the screen it seems to work just fine.

The app needs to be on a stateless widget and does not use any providers or state management at all.

First I'm gonna present the code I have and then explain the problem:

I'm having this on my gatsby-node.js:

I am currently using Gatsby's collection routes API to create pages for a simple blog with data coming from Contentful.

For example, creating a page for each blogpost category :

I am building a BlogApp and I am stuck on a Problem.

What i am trying to do:-

I am trying to access only BlogPosts which are posted in last two days and got most views.

models.py

I've been getting a "Each child in a list should have a unique key prop" error. I've read up on the documentation and put keys in, but no luck. Not sure what I'm misunderstanding!

blogPosts is imported from a context. The ids being called as keys are unique (POSTID1, POSTID2, ...etc). Got rid of some classnames for better readability.

Short question:

What's the appropriate way to access a url path parameter (not a url query parameter) in a Django DRF serializer?

Context:

A have a Django DRF api, where I have a url similar to :

I have a users migration as follows:

I have several generated pages with pagination listing all my blog posts, each blog post is generated from markdown using createPage(). Each generated /posts page hold 3 Previews of the posts and following pages gets a number added posts/2..etc

I want to pass the path of my current index page (which for instance can be /posts/3) to the Blog page I click on, so I can make a "Back" Link on each of them. I can pass data using the state attribute in the Link component, but I'm not sure passing the location.path from the list page with props is the proper way to go about since it doesn't work, it links to the actual current page.

I've omitted import-statements and unrelated code for readability.

gatsby-node.js