AngularJS 2 - service error

Question

I am doing something wrong with my simple service but I can not figure it out.

app.component.ts

import { MeetingService } from '../../shared/services/meeting.service';

@Component({
  viewProviders: [MeetingService],
})

meetingService.ts

@Injectable();

export class MeetingService {

  constructor(private http: Http) {}

  getList() {
    return this.http.get('../fake-data/meetingList.json')
      .map(response => response.json());
  }
}

meetingList.component.ts

import { MeetingService } from '../../shared/services/meeting.service';

@Component({
  viewProviders: [HTTP_PROVIDERS, MeetingService],
})

export class MeetingListComponent {
  private meetingList: any;

  constructor(private meetingService: MeetingService) {}

  getList() {
    this.meetingService.getList().subscribe(
      data => { this.meetingList = data; },
      err  => console.error(err),
      ()   => console.log('done loading meeting list')
    );
  }

  ngOnInit() {
    this.getList();
  }
}

Error

EXCEPTION: Cannot resolve all parameters for 'MeetingService'(?). Make sure that all the parameters are decorated with Inject or have valid type annotations and that 'MeetingService' is decorated with Injectable.

Can somebody take a look at it? Thank you.

Turdaliev Nursultan · Accepted Answer · 2016-04-05 17:26:57Z

2

Just remove ; after @Injectable()

@Injectable()
export class MeetingService {

  constructor(private http: Http) {}

  getList() {
    return this.http.get('../fake-data/meetingList.json')
      .map(response => response.json());
  }
}

answered Apr 5, 2016 at 17:26

Turdaliev Nursultan

2,5761 gold badge25 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Turdaliev Nursultan Over a year ago

; means statement finished.

Jan Nielsen · Accepted Answer · 2016-04-05 17:30:52Z

0

You don't show your bootstrap code - did you add Http to your application providers during bootstrap, e.g.,

bootstrap(App, [HTTP_PROVIDERS])

answered Apr 5, 2016 at 17:30

Jan Nielsen

12k16 gold badges76 silver badges137 bronze badges

Collectives™ on Stack Overflow

AngularJS 2 - service error

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related