[AngularJS] Can't bind to 'data' since it isn't a known property of 'timeline' on Heroku

[Mark Wen]

In my Windows localhost, things are working perfectly. However on Heroku, I 
get this error: "Template parse errors: Can't bind to 'data' since it isn't 
a known property of 'timeline' ". 

<https://lh3.googleusercontent.com/-8FqPL5Diw9Y/V8XqAIrWc5I/AAAAAAAAPXQ/QoUTQdOoQhUPVpH-y583yd1bpiGgWwQAQCLcB/s1600/Capture.JPG>


Here is my code:

exp.ts:


import { Component, Input } from "@angular/core";
import { Title } from "./components/title";
import { Timeline } from "./components/timeline";

@Component({
  selector: "exp",
  template: `
            <div id="Exp" class="Exp content section scrollspy">
              <title [icon]="titleIcon" [title]="titleTitle"></title>

                        <!-- I use and pass data into timeline here --> 

              <timeline [data]="exp"></timeline>
            </div>
            `,
  directives: [Title, Timeline]
})

export class Exp {
  private titleIcon = "briefcase";
  private titleTitle = "Experience";
  @Input("data") exp: Array<Object>;
}



timeline.ts:

import { Component, Input } from "@angular/core";

@Component({
  selector: "timeline",
  template: `
              ...
            `
})

export class Timeline {
  @Input("icon") icon: string;
  @Input("title") title: string;
  @Input("data") data: Array<Object>;  // Here I defined data property
}


I guess I've defined my properties correctly, but I'm still getting this 
error on Heroku. Any ideas please? Thanks

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.