javascript - Typen 'string | null' kan inte tilldelas typen 'string'. Typen 'null' kan inte tilldelas typen 'string'

Fel: Typen 'string | null' kan inte tilldelas typen 'string'. Typen 'null' kan inte tilldelas typen 'string'. Fel: Typen '{ id?: string | undefined; title?: string | undefined; content?: string | undefined; }' kan inte tilldelas typen 'Post'. Typerna för egenskapen 'id' är inkompatibla. Typen 'string | undefined' kan inte tilldelas typen 'string'. Typen 'undefined' kan inte tilldelas typen 'string'.

export interface Post{
    id:string;
    title:string;
    content:string;
}

import { Component,OnInit} from '@angular/core';
import { NgForm } from '@angular/forms';
import { ActivatedRoute, ParamMap } from '@angular/router';
import { Post } from '../post.model';

import { PostsService } from '../posts.service';

@Component({
  selector: 'app-post-create',
  templateUrl: './post-create.component.html',
  styleUrls: ['./post-create.component.css']
})
export class PostCreateComponent implements OnInit {

// newPost='No Content'
enteredTitle='' 
  enteredContent=''
private mode='create'
private postId:string 
private post:Post
  // postId: string | null | undefined;

constructor(public postsService:PostsService
  ,public route: ActivatedRoute){}

ngOnInit(){
  this.route.paramMap.subscribe((paramMap:ParamMap)=>{
    if(paramMap.has('postId')){
      this.mode='edit'
      this.postId=paramMap.get('postId')
      this.post=this.postsService.getPost(this.postId)
    }else{
      this.mode='create'
      this.postId="null";
    }
  });
}

onAddPost(form:NgForm){ 
  if(form.invalid)
  {
    return
  } 
  console.log((form.value.title,form.value.content));
  this.postsService.addPost(form.value.title,form.value.content)

form.resetForm();

}
}

Svar #1

paramMap.get() returnerar string|null. Eftersom din variabel strikt är av typen string, visar TS felet.
Du kan antingen ändra typen av postId till string|null.
Eller göra något liknande detta this.postId=paramMap.get('postId') || '';

Svar #2

Jag tror att paramMap returnerar ett boolean.. du behöver en sträng. "Returnerar boolean: Sant om kartan innehåller den angivna parametern, falskt annars."

Relaterade artiklar