Hello everyone,
i've got a problem while using angular 4.4.5: i'm loading some events from
my backend server. These events i want to show in my frontend. For my
images i need to put an url suffix, so i decided to provide a public method
in my class "Event". In my html-file i want to call the method but it
throws and exception:
ERROR TypeError: _co.event.getImageUrl is not a function
at Object.eval [as updateDirectives] (FrontPageComponent.html:35)
at Object.debugUpdateDirectives [as updateDirectives] (vendor.js:13425)
at checkAndUpdateView (vendor.js:12609)
at callViewAction (vendor.js:12957)
at execEmbeddedViewsAction (vendor.js:12915)
at checkAndUpdateView (vendor.js:12610)
at callViewAction (vendor.js:12957)
at execComponentViewsAction (vendor.js:12889)
at checkAndUpdateView (vendor.js:12615)
at callViewAction (vendor.js:12957)
Thats the code to get all my events:
loadEvents(): Observable<Event[]> {
return this.http.get(environment.backendUrl + "events")
.map(response => response.json());
}
In my component i call this method as following:
this.eventService.loadEvents().subscribe(
(events) => {
// I just want the first event
this.eventEntry = events[0];
},
(error) => {
// ...
console.error(error);
}
);
I've got the class "Event":
export class Event{
// ...
image: string;
getImageUrl(): string {
if (this.image) {
return environment.siteUrl + this.image;
}
return '';
}
}
And in my html file it looks like this:
{{ eventEntry.getImageUrl() }}
// for an custom selector it also does not work
<anExample [image]="eventEntry.getImageUrl()"></anExample>
I hope someone can help me
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
