Question

您好我有一个关于在两个组件之间使用两个文件传递数据的问题。我想知道如何通过@Input传递数据。有人知道我必须通过哪种方式传递数据？

{{1}}

Answer 1

您可以将services用于此目的。服务是一个可注入的单例，可以传递给构造函数中的组件。然后，两个组件都通过服务进行通信。

您将在官方Angular2文档中找到services的精美详尽介绍

https://angular.io/docs/ts/latest/tutorial/toh-pt4.html

还有一个现场演示作为一个plunkr。

Answer 2

您可以创建共享service或像这样处理它：

file1.component.ts

import { Component } from "@angular/core";
@Component({
    selector: "search",
    templateUrl: '
                  <div>Hello{{testData}}</div>'
})

export class File1Component{
public testData = "Hello";

getTestData(){
   return this.testData;
}

}

file2.component.ts

import { Component, Input } from "@angular/core";
@Component({
    selector: "profile",
    templateUrl: '<div>Hello</div>'
})

export class File2Component{
  @Input() inputData: any;

}

app.component.ts

import { Component } from "@angular/core";
@Component({
    selector: "app",
    templateUrl:'<search #varSearch></search>
                 <profile [inputData]="varSearch.getTestData()"></profile>'
})

export class File2Component{


}

将数据从Component传递到另一个Component两个文件

2 个答案: