没有服务的组件之间的双向数据绑定

Question

我是角度2+的新手，我想实现组件之间的双向数据绑定，我需要传递一个变量的值，因此创建服务不是寻找替代品的好选择。

Answer 1

如果要在两个组件之间传递值，可以使用@Input和@Output事件发射器，否则除了服务之外，您可以使用sessionStorage或localStorage。

Answer 2

要在组件之间实现双向数据绑定，请为同一属性创建@Input和@Output变量。

export class CustomComponent {
  @Input() myvar:any;
  @Output() myVarChange = EventEmitter<any>();
}

https://angular-2-training-book.rangle.io/handout/components/app_structure/two_way_data_binding.html

Answer 3

遵循这种方法：

1）在第二个组件中导入您的组件（您想要变量值的位置） 2）在构造函数中声明它，然后使用它的函数或变量。

Component1.ts

import { component2name } from '../component2.ts';

export class Component1 implements OnInit {

    component1: any;

    constructor( private comp2: component2name ) { }

    this.component1 = this.comp2.function-or-varaible;}

我希望这种方法可以帮助你。如果您对此方法有任何疑问，请发表评论我会回复您。