小编inv*_*vot的帖子

如果有关于此的类似问题,请指出我的方向.这个问题很难描述,但我会尽我所能:

http://jsfiddle.net/e70r1mtw/

这里的用户可以看到从灰度渐变到彩色的幻灯片.这适用于OSX和Windows中的Firefox.(客户端知道这种效果在IE中不起作用,并且可以.)

但是,在Windows上的Chrome中,第一张幻灯片不会从灰度渐变,而是保持颜色.

我怀疑这与DOM的加载方式以及Cycle2插件的初始化方式有关.

控制此灰度效果的CSS如下:

   #home-featured .cycle-slide {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-transition-property: -webkit-filter;
        -webkit-transition-duration: 4s;
        -webkit-transition-timing-function: ease;
        -webkit-transition-delay: 2s;
        transition-property: -webkit-filter, filter;
        transition-duration: 4s;
        transition-timing-function: ease;
        transition-delay: 2s;
  }

  #home-featured .cycle-slide-active {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
  }

我的问题是:有没有办法初始化Cycle2而不cycle-slide-active立即添加类,让浏览器有时间意识到它需要实现CSS转换？

我正在尝试在 Angular 7 中创建一个简单的 API 服务，我可以将它包含在任何需要它的组件中。但是，每当我从组件调用它时，都会出现错误。例如，如果从我的组件中调用ApiService.read('/public/flavorsofcandy/')我得到：

ERROR TypeError: Cannot read property 'get' of undefined

现在，我不确定为什么会这样，但我觉得这是一件简单而愚蠢的事情。但是，我无处可找到为什么会发生这种情况。我觉得这是因为我没有完全理解与类和诸如此类的相关概念，而不是 Angular 7 本身。

api.service.ts

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class ApiService {

    private baseUrl = "http://localhost:11000/";
    private http: HttpClient;

    public create = (req:string, options?:any) => {
        this.http.post(this.baseUrl+req, options)
        .subscribe(response=> {return response})
    }

    public read = (req:string, options?:any) => {
        this.http.get(this.baseUrl+req,options)
        .subscribe(response=> {return response})
    }

    public update = (req:string, options?:any) => {
        this.http.put(this.baseUrl+req, options)
        .subscribe(response=> …