سلام
ببخشید استاد من نمیدونستم که نباید فینگلیش تایپ کنم....
من کارهایی که شما به من گفتین را انحام دادم و الان فقط یک error دیه دارم
این الان کدی است که نوشتم:

  this.articles = this.route.paramMap.pipe(
      switchMap(params => {
        console.log(params.get("id"));
        const id: string = params.get("id");
        return this.api.getAllArticle(id);
      })
    );    }

و الان این error را میده:

src/app/article/article.component.ts:25:5 - error TS2740: Type 'Observable<any>' is missing the following properties from type 'Article[]': length, pop, push, concat, and 25 more.
 
25     this.articles = this.route.paramMap.pipe(
       ~~~~~~~~~~~~~

و console.log ایی هم که گرفتم الان control+shift+j زدم اینو نشون میده:

 
Failed to load resource: the server responded with a status of 404 (Not Found)

بازم ممنون که جواب سوال هامو دادین

in code api.service.ts

   import { Injectable } from "@angular/core";
import { HttpClient } from "@angular/common/http";
 
import { Observable } from "rxjs";
import { map } from "rxjs/operators";
 
import { Article } from "../models/article";
 
@Injectable()
export class ApiService {
 
  constructor(private http: HttpClient) {}
 
  getAllArticle(pagenumber: number): Observable<any> {
    return this.http
      .get("http://localhost:8000/api/articles?page=" + pagenumber)
      .pipe(map((res: any) => res.json()));
  }
}

va inam code article.component.ts

import { Component, OnInit } from "@angular/core";
import { ApiService } from "../services/api.services";
import { ActivatedRoute, Params, ParamMap } from "@angular/router";
import { map, switchMap } from "rxjs/operators";
import { Article } from "../models/article";
 
@Component({
  selector: "app-article",
  templateUrl: "./article.component.html",
  styleUrls: ["./article.component.css"],
  providers: [ApiService]
})
export class ArticleComponent implements OnInit {
  message: string = "Article page";
  articles: Article[]; //! ye property define kardam be esme articles va typesh ro article mizaram ke modeli hast ke ma tarifesh kardim dar folder models agar beram mibinamesh
 
  constructor(private api: ApiService, private route: ActivatedRoute) {}
 
  ngOnInit(): void {
 
    this.articles = this.route.paramMap.pipe(
      switchMap(params => {
        const id: number = params.get("id");
        return this.api.getAllArticle(id);
      })
    );
  }
}

va alan in erroe haro daram:
src/app/article/article.component.ts:25:5 - error TS2740: Type 'Observable<unknown>' is missing the following properties from type 'Article[]': length, pop, push, concat, and 25 more.

25 this.articles = this.route.paramMap.pipe(

 
src/app/article/article.component.ts:28:39 - error TS2345: Argument of type 'string' is not assignable to parameter of type 'number'.
 
28         return this.api.getAllArticle(id);
 
---

in code api.service.ts

import { Injectable } from "@angular/core";
import { HttpClient } from "@angular/common/http";
 
import { Observable } from "rxjs";
import { map } from "rxjs/operators";
 
import { Article } from "../models/article";
 
@Injectable()
export class ApiService {
 
  constructor(private http: HttpClient) {}
 
  getAllArticle(pagenumber: number): Observable<any> {
    return this.http
      .get("http://localhost:8000/api/articles?page=" + pagenumber)
      .pipe(map((res: any) => res.json()));
  }
}

va inam code article.component.ts

 
import { Component, OnInit } from "@angular/core";
import { ApiService } from "../services/api.services";
import { ActivatedRoute, Params, ParamMap } from "@angular/router";
import { map, switchMap } from "rxjs/operators";
import { Article } from "../models/article";
 
@Component({
  selector: "app-article",
  templateUrl: "./article.component.html",
  styleUrls: ["./article.component.css"],
  providers: [ApiService]
})
export class ArticleComponent implements OnInit {
  message: string = "Article page";
  articles: Article[]; //! ye property define kardam be esme articles va typesh ro article mizaram ke modeli hast ke ma tarifesh kardim dar folder models agar beram mibinamesh
 
  constructor(private api: ApiService, private route: ActivatedRoute) {}
 
  ngOnInit(): void {
 
    this.articles = this.route.paramMap.pipe(
      switchMap(params => {
        const id: number = params.get("id");
        return this.api.getAllArticle(id);
      })
    );
  }
}

va alan in erroe haro daram:
src/app/article/article.component.ts:25:5 - error TS2740: Type 'Observable<unknown>' is missing the following properties from type 'Article[]': length, pop, push, concat, and 25 more.

25     this.articles = this.route.paramMap.pipe(
       ~~~~~~~~~~~~~
src/app/article/article.component.ts:28:39 - error TS2345: Argument of type 'string' is not assignable to parameter of type 'number'.
 
28         return this.api.getAllArticle(id);

الان این error را میده:

src/app/article/article.component.ts:48:5 - error TS2740: Type 'Observable<unknown>' is missing the following properties from type 'Article[]': length, pop, push, concat, and 25 more.
 
48     this.articles = this.route.paramMap.pipe(
       ~~~~~~~~~~~~~
src/app/article/article.component.ts:51:39 - error TS2345: Argument of type 'string' is not assignable to parameter of type 'number'.
 
51         return this.api.getAllArticle(id); // http request
                                         ~~

this.route.params  
.map((params: Params) => params\['id'\])  
.switchMap((id=۱) => this.api.getAllArticle(id))  
.subscribe(res => {  
this.articles =res data;  
});

این کدی هست که شما ت. این قسمت نوشتید الا میشه همین رو بگیم چجوری باد تعغیر بدم که درست شه
ممنون

سلام من این کد رو نوشتم :

this.route.params  
.pipe(map((params: Params) => params\["id"\])  
.switchMap((id = ۱) => this.api.getAllArticle(id))  
.subscribe(res => {  
//in res yani hamon id  
console.log(res);  
// this.articles = res.data;  
});

اما این error میده:

src/app/article/article.component.ts:۲۹:۸ - error TS۲۳۳۹: Property 'switchMap' does not exist on type 'Observable<any>'.
 
۲۹       .switchMap.subscribe(res => {
          ~~~~~~~~~

من map , switchMap رو هم import کردم

import { map, switchMap } from "rxjs/operators";

اگه میشه به من بگین که چجوری کد بالارو درست بنویسم چون انگولار یه کم تعغیر کرده
ممنون