Angular 2: is not a function but it exist

Question

I am trying to get an array out of a different class but he says the function does not exist. here is my code:

courses.component.ts:

import {Component} from 'angular2/core'
import {CourseService} from './course.service'

@Component({
    selector: 'courses',
    template: `
        <h2>Courses</h2>
        {{ title }}
        <ul>
            <li *ngFor ="#course of courses">
            {{course}}
            </li>
        </ul>
        `,
    providers: [CourseService]
})
export class CoursesComponent{
    title = "The title of courses page";
    courses;

    constructor(courseService: CourseService){
        this.courses = CourseService.getCourses();
    }
}

course.service.ts:

export class CourseService{
    getCourses() : string[]{
        return ["Course1","Course2","Course3"];
    }
}

Yup, that probably as well, depends on what he tries to accomplish. — Günter Zöchbauer
– Günter Zöchbauer, Commented Nov 20, 2016 at 20:25

Günter Zöchbauer · Accepted Answer · 2016-11-20 20:24:34Z

7

You need to reference the argument name, not the argument type

 this.courses = courseService.getCourses();
                ^ lower case c

answered Nov 20, 2016 at 20:24

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

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

6 Comments

Nick Alexander Over a year ago

It still gives the same error: TypeError: courseService.getCourses is not a function

Nick Alexander Over a year ago

where should I past that?

Günter Zöchbauer Over a year ago

first line inside the constructor (before the line from my answer)

Günter Zöchbauer Over a year ago

Change ; to : in ` getCourses() ; string[]{. Also you should get an output from the console.log(courseService);` if you have added it in the constructor before this.courses = courseService.getCourses();.

Kesem David Over a year ago

I edited the question assuming that was a mistake, shout have noted it, ^

|

Diego · Accepted Answer · 2017-04-09 03:53:37Z

2

I think it's some kind of bug, because TypeScript recognize me the method but when I delete and type the method again getCourses() in the component, it says that the method is not found, then I go to the Service and start to delete blank lines, and the method Works. I'm currently using Angular 4

edited Apr 9, 2017 at 3:53

answered Apr 7, 2017 at 17:32

Diego

3044 silver badges16 bronze badges

Comments

DavGarcia · Accepted Answer · 2017-11-22 18:25:55Z

1

I had the same inexplicable problem. I copy and pasted the code from the web and something must not have been right in the function declaration. I deleted the line

getCourses(): string[] {

and typed it out again by hand. When I ran the code, it worked. Maybe some invisible character was pasted in and messing up Typescript? Who knows.

answered Nov 22, 2017 at 18:25

DavGarcia

18.9k14 gold badges62 silver badges99 bronze badges

Collectives™ on Stack Overflow

Angular 2: is not a function but it exist

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related