最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

 更新時間:2017年05月06日 07:48:25   作者:德川hlkawa  
AngualrJs2官方方法是以@Input,@Output來實現(xiàn)組件間的相互傳值,而且組件之間必須父子關(guān)系,下面給大家提供一個簡單的方法,實現(xiàn)組件間的傳值,不僅僅是父子組件,跨模塊的組件也可以實現(xiàn)傳值

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

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

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

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

相關(guān)文章

最新評論

个旧市| 汾西县| 乐亭县| 响水县| 甘孜| 榆林市| 通江县| 嘉黎县| 武清区| 峨眉山市| 锡林浩特市| 黄陵县| 阳原县| 崇阳县| 澄城县| 德惠市| 建平县| 嵊泗县| 禹城市| 宣武区| 景谷| 娱乐| 呈贡县| 正阳县| 交城县| 个旧市| 崇义县| 安平县| 松潘县| 秦皇岛市| 伊吾县| 常州市| 清新县| 库伦旗| 咸丰县| 萨迦县| 扎鲁特旗| 南城县| 会理县| 河东区| 启东市|