标签: angular6

如何在角度 6 中将硬编码数组转换为 Observable<T>

如何将数组转换为 angular 6 中的 observable 数组。我试图在拥有数组的同时返回一个 observable。我这样做是为了代替 HTTP 请求,我可以返回硬编码数据。

我有以下界面:

export interface IProduct {
  productId: number;
  productName: string;
  productCode: string;
  releaseDate: string;
  description: string;
  price: number;
  starRating: number;
  imageUrl: string;
}
Run Code Online (Sandbox Code Playgroud)

然后我有这个服务:

export class ProductService {

  products: IProduct[];

  getProducts(): Observable<IProduct[]> {
    this.products = [
      {
        'productId': 2,
        'productName': 'Black cat',
        'productCode': 'GDN-001',
        'releaseDate': 'March 18, 2018',
        'description': 'Can punch peoples faces.',
        'price': 32.00,
        'starRating': 5,
        'imageUrl': 'https://placekitten.com/400/420'
      },
      {
        'productId': 3,
        'productName': 'T Cat',
        'productCode': 'GDN-002',
        'releaseDate': 'March 18, 2018', …
Run Code Online (Sandbox Code Playgroud)

arrays observable angular angular6

-1
推荐指数
1
解决办法
5028
查看次数

Angular 6:类型为“ Observable &lt;Response&gt;”的错误模块“ rxjs / add / operator / map”和另一个错误“ map”不存在

我在使用Angular 6时遇到两个错误-

  1. 找不到./src/app/app/img/img.service.ts模块中的错误:错误:无法解析“ / Users / user / Projects / A4 / imageSearch / src”中的“ rxjs / add / operator / map” / app / app / img'

  2. src / app / app / img / img.service.ts(21,9)中的错误:错误TS2339:类型“可观察”的属性“映射”不存在。

npm rxjs angular angular6 rxjs6

-2
推荐指数
1
解决办法
6593
查看次数

如何将点击事件绑定到角度2+中的ul元素内的随机li元素

     <ul>
       <li class="daily">some text </li>
       <li class="daily">some text </li>
       <li>Random li without daily class on it </li>
       <li>Random li without daily class on it </li>
       <li class="daily">some text </li>
       <li> Random li without daily class on it </li>
       <li class="daily">some text </li>
       <li>Random li without daily class on it </li>
       <li class="daily">some text </li>
       <li class="daily">some text </li>
       <li>Random li without daily class on it </li>
       <li class="daily">some text </li>
     </ul>
Run Code Online (Sandbox Code Playgroud)

我有一个组件,其模板有多个ul元素(上面只是其中之一),每个元素都有多个带有on random 的li元素。如果单击了组件中定义的方法(其上有“每日”类),我想调用组件内定义的方法。我怎样才能在不附加每个元素的情况下实现这一目标。注意:这里使用 *ngFor 是将点击事件绑定到这样一系列随机的. …

angular angular6

-2
推荐指数
1
解决办法
1万
查看次数

Angular 6 / Typescript 从 Json 对象中获取键名

我有一些从 jsonplaceholder 获取的数据,我想将其添加到表中。

数据如下所示:

[{
    userId: 1,
    id: 1,
    title: "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
    body: "quia et suscipit suscipit recusandae consequuntur expedita et cum reprehenderit molestiae ut ut quas totam nostrum rerum est autem sunt rem eveniet architecto"
  }
]
Run Code Online (Sandbox Code Playgroud)

我需要为桌子做的第一件事是流行

但是为了做到这一点,我需要能够获取键名并将其添加到另一个对象,以便我可以动态地流行 html 表标题。

我的问题是如何从对象创建键列表?

javascript typescript angular angular6

-4
推荐指数
1
解决办法
2万
查看次数

标签 统计

angular ×4

angular6 ×4

arrays ×1

javascript ×1

npm ×1

observable ×1

rxjs ×1

rxjs6 ×1

typescript ×1