国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Angularjs2不同組件間的通信實例代碼

2019-11-19 16:39:23
字體:
來源:轉載
供稿:網友

AngualrJs2官方方法是以@Input,@Output來實現組件間的相互傳值,而且組件之間必須父子關系,下面給大家提供一個簡單的方法,實現組件間的傳值,不僅僅是父子組件,跨模塊的組件也可以實現傳值

/** *1.定義一個服務,作為傳遞參數的媒介 */@Injectable()export class PrepService{ //定義一個屬性,作為組件之間的傳遞參數,也可以是一個對象或方法   profileInfo: any; } /** *2.傳遞參數的組件,我這邊簡單演示,直接就在構造器里面實現傳參了 */ @Component({ selector: 'XXXXXXX', templateUrl:"./XXXXXX.html", styleUrls:["./XXXXXXX.css"]})export class ReportComponent { //定義要傳遞的參數(此處是一個對象,也可以是方法)     reponsePrep:any ={  name : "臘肉豆皮",  address:"中歐五花肉" } //構造器注入PrepService服務   constructor(private ps:PrepService){  //把當前組件參數賦值給PrepService的profileInfo屬性  ps.profileInfo = this.reponsePrep; } } /** *3.接受參數的組件 */ @Component({ selector: 'YYYYYY', templateUrl:"./YYYYYYYY.html", styleUrls:["./YYYYYYY.css"]})export class commandComponent { //定義參來接收來自PrepService服務profileInfo屬性的值 requestPrep:any;  //構造器注入PrepService服務   constructor(private ps:PrepService){  //把PrepService的profileInfo屬性的值賦值給requestPrep實現組件的之間的傳值  this.requestPrep = ps.profileInfo; } }

思路:定義一個服務作為傳遞參數的媒介注入在要傳參的組件的構造器里面,然后對服務里面屬性(傳參媒介)來賦值和取值實現組件之間的傳參。

以上所述是小編給大家介紹的Angularjs2不同組件間的通信實例代碼,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 大冶市| 句容市| 油尖旺区| 利津县| 灵石县| 广平县| 三门峡市| 阿拉善右旗| 中牟县| 农安县| 双鸭山市| 吴旗县| 桂林市| 九龙县| 治县。| 蒲江县| 香港 | 定边县| 龙岩市| 赤壁市| 洞口县| 阿勒泰市| 惠水县| 黔江区| 普格县| 广德县| 台中县| 绵竹市| 阿城市| 巴楚县| 漾濞| 剑河县| 同心县| 双城市| 西丰县| 延长县| 天祝| 旺苍县| 汾西县| 甘孜| 宜黄县|