小编Arz*_*rza的帖子

我想显示从我的后端(CodeIgniter)到我的前端(Angular 4)的数据,但是这个错误出现了:

错误错误:找不到类型>'对象'的不同支持对象'[object Object]'.NgFor仅支持绑定到诸如Arrays之类的Iterables.

这是我的组成部分:

import { BookService } from './../book.service';
import { Component, OnInit } from '@angular/core';
import { Book } from "../book";


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

  constructor(public bookService: BookService ) { }

  ngOnInit() {
    this.getBooks();
 }

  books:Book;
  getBooks(){
    this.bookService.getBooks()
    .subscribe(books=>{
      this.books = books;
    })

  }
}

这是我的服务:

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map' ;

@Injectable()
export class BookService {

  constructor(private …

我是新手，我想制作这样的旋转木马，其中央有活动项，如下所示：

我已经读过角度为2或更高的光滑轮播

我尝试复制该示例，并按照说明进行操作，但出现此错误：

错误TypeError：$（...）。slick不是函数

1. 我已经添加了模块并将其导入到我的 app.module

2. 我已经添加了CSS和JS angular-cli.json

   "styles": [
   "../node_modules/bootstrap/dist/css/bootstrap.min.css",
   "theme.scss",
   "../node_modules/font-awesome/css/font-awesome.css",
   "../node_modules/slick-carousel/slick/slick.css",
   "../node_modules/slick-carousel/slick/slick-theme.css"
   ],
   "scripts": [
     "../node_modules/jquery/dist/jquery.min.js",
     "../node_modules/bootstrap/dist/js/bootstrap.min.js",
     "../node_modules/slick-carousel/slick/slick.js"
   ],
   

   Run Code Online (Sandbox Code Playgroud)

这是我的模块：

   ...
   import { SlickModule } from 'ngx-slick';
   import { SliderComponent } from './home/slider/slider.component';

@NgModule({
  declarations: [
    ... ,
    SliderComponent,   

  ],
  imports: [
    ... ,
    SlickModule.forRoot()

   ],
  providers: [...],
  bootstrap: [AppComponent]
})
export class AppModule { }

这是我的看法：

<h2>slider here </h2>

<ngx-slick class="carousel" #slickModal="slick-modal" [config]="slideConfig" 
(afterChange)="afterChange($event)">
  <div ngxSlickItem *ngFor="let slide of slides" class="slide">
    <img src="{{ …