Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 财产';地图';不存在于类型';可观察<;书籍[]>'; 从'@angular/core'导入{Injectable}; 从“/Book”导入{Book}; 从“rxjs”导入{Observable}; 从'rxjs'导入{of}; 导入'rxjs/add/operator/map'; @注射的({ providedIn:'根' }) 出口类图书服务{ 构造函数(){} 书籍:书籍[]=[ {“id”:1,“name”:“JavaScript”,“price”:“100”,“description”:“javscript”}, {“id”:2,“名称”:“Angualr”,“价格”:“200”,“说明”:“Angualr”}, {“id”:3,“名称”:“Sql server”,“价格”:“3000”,“说明”:“Sql server”}, {“id”:4,“name”:“Typescript”,“price”:“5000”,“description”:“Typescript”}, ] getBooks():可观察{ 归还(本书); } getBook(id:number):可观察{ 返回这个.getBooks().map(books=>books.find(book=>book.id==id)); } }_Angularjs_Typescript - Fatal编程技术网

Angularjs 财产';地图';不存在于类型';可观察<;书籍[]>'; 从'@angular/core'导入{Injectable}; 从“/Book”导入{Book}; 从“rxjs”导入{Observable}; 从'rxjs'导入{of}; 导入'rxjs/add/operator/map'; @注射的({ providedIn:'根' }) 出口类图书服务{ 构造函数(){} 书籍:书籍[]=[ {“id”:1,“name”:“JavaScript”,“price”:“100”,“description”:“javscript”}, {“id”:2,“名称”:“Angualr”,“价格”:“200”,“说明”:“Angualr”}, {“id”:3,“名称”:“Sql server”,“价格”:“3000”,“说明”:“Sql server”}, {“id”:4,“name”:“Typescript”,“price”:“5000”,“description”:“Typescript”}, ] getBooks():可观察{ 归还(本书); } getBook(id:number):可观察{ 返回这个.getBooks().map(books=>books.find(book=>book.id==id)); } }

Angularjs 财产';地图';不存在于类型';可观察<;书籍[]>'; 从'@angular/core'导入{Injectable}; 从“/Book”导入{Book}; 从“rxjs”导入{Observable}; 从'rxjs'导入{of}; 导入'rxjs/add/operator/map'; @注射的({ providedIn:'根' }) 出口类图书服务{ 构造函数(){} 书籍:书籍[]=[ {“id”:1,“name”:“JavaScript”,“price”:“100”,“description”:“javscript”}, {“id”:2,“名称”:“Angualr”,“价格”:“200”,“说明”:“Angualr”}, {“id”:3,“名称”:“Sql server”,“价格”:“3000”,“说明”:“Sql server”}, {“id”:4,“name”:“Typescript”,“price”:“5000”,“description”:“Typescript”}, ] getBooks():可观察{ 归还(本书); } getBook(id:number):可观察{ 返回这个.getBooks().map(books=>books.find(book=>book.id==id)); } },angularjs,typescript,Angularjs,Typescript,类型“Observable”上不存在属性“map”。ts(2339) 类型“Observable”上不存在属性“map”。ts(2339) 类型“Observable”上不存在属性“map”。ts(2339) 类型“Observable”上不存在属性“map”。ts(2339)我想您使用的是rxjs 6+版本(如果没有,请提供您的版本),因此您需要使用可管道运算符,而不是通过Observable直接调用它们: import { Injectable } from '@angular/core';

类型“Observable”上不存在属性“map”。ts(2339)

类型“Observable”上不存在属性“map”。ts(2339)

类型“Observable”上不存在属性“map”。ts(2339)


类型“Observable”上不存在属性“map”。ts(2339)

我想您使用的是rxjs 6+版本(如果没有,请提供您的版本),因此您需要使用可管道运算符,而不是通过Observable直接调用它们:

import { Injectable } from '@angular/core';
import { Book } from './book';
import { Observable } from 'rxjs';
import { of } from 'rxjs';
import 'rxjs/add/operator/map';




@Injectable({
  providedIn: 'root'
})
export class BookService {

  constructor() { }


  BOOKS : Book[]=[
    
    {"id": 1, "name" : "JavaScript",  "price" :"100", "description": "javscript"},
    {"id": 2, "name" : "Angualr",  "price" :"200", "description": "Angualr"},
    {"id": 3, "name" : "Sql server",  "price" :"3000", "description": "Sql server"},
    {"id": 4, "name" : "Typescript",  "price" :"5000", "description": "Typescript"},
    
  ]


  getBooks(): Observable<Book[]>{
    return of(this.BOOKS);
  }

  getBook(id: number): Observable<Book>{
    return this.getBooks().map(books=> books.find(book=>book.id === id));
  }
}
从'rxjs/operators'导入{map};
***
getBook(id:number):可观察{
返回此文件。getBooks()
.pipe(map(books=>books.find(book=>book.id==id));
}

import {map} from 'rxjs/operators';

***

getBook(id: number): Observable<Book>{
  return this.getBooks()
    .pipe(map(books=> books.find(book=>book.id === id)));
}