我制作了一个组件,其中我有一个输入字段和按钮 . 单击按钮我正在绘制第二个组件 . 我想将数据从一个组件发送到另一个组件?
我将如何将数据从一个组件发送到另一个组件 . 我需要发送输入值(输入字段中的用户类型)我需要在下一个组件或下一页显示 . 单击按钮 . 如何发送数据?这是我的傻瓜http://plnkr.co/edit/IINX8Zq8J2LUTIyf4DYD?p=preview
import {Component,View} from 'angular2/core';
import {Router} from 'angular2/router';
@Component({
templateUrl: 'home/home.html'
})
export class AppComponent {
toDoModel;
constructor(private _router:Router) {
}
onclck(inputValue){
alert(inputValue)
this._router.navigate(['Second']);
}
}
3 回答
哦!!可能我来不及回答这个问题!但没关系 . 这可能会帮助您或其他人使用与共享服务一起使用的路由器,共享服务和共享对象在组件之间共享数据 . 我希望这肯定会有所帮助 .
Answer
Boot.ts
FirstComponent
SecondComponent
SharedService and shared Object
您所要做的就是提供服务,将其注入两个组件,将输入值分配给可验证的服务,并在另一个组件中访问它 . 抱歉兄弟,但不知道创建plunker . 这是代码:
编辑:
首先制作这个数据服务:
然后在第一个组件中注入:
然后注入另一个组件并访问该值:
最好有一个后端和一个服务调用后端来获取数据 . 首先,您需要将输入数据发布到服务,并通过nodejs或数据库从某个数据库获取该数据 . 这将是基于数据的一些主键来实现这一点的最好方法,至少企业应用程序如何在现实中运行