javascript - 如何创建一个组件，我可以在 Angular 2 的属性中设置获取 url 数据

Question

我正在尝试使用 Angular 2 创建一个应用程序，我想在 Angular 2 中创建一个组件，我在属性中设置了 URL，并希望从此组件中使用多次，并且每个组件都有自己的数据... 我想要这样的东西: 可能吗？

如果有人帮助我，我将非常感激。

new movies : 
<comp url="www.aaaa.com/movies?type=new"></comp>

old movies : 
<comp url="www.aaaa.com/movies?type=old"></comp>

Answer 1

@Component({
  selector: 'comp',
  template: '<div>{{data}}</div>'
})
export class Component {
  @Input() url: string;
  constructor(private http:Http) {
  }

  ngOnChanges(changes) {
    this.http.get(this.url)
    .map(res => res.json())
    .subscribe(val => this.data = val);
  } 
}

如果组件有多个输入，那么您需要检查更新了哪一个。请参阅https://angular.io/api/core/OnChanges了解更多详情。