Angularjs 2 서로 다른 구성 요소 간 통신 인 스 턴 스 코드

AngualrJS 2 공식 방법 은@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;
 }
 }
사고방식:하나의 서 비 스 를 매개 변 수 를 전달 하 는 매개체 로 삼 아 전달 할 구성 요소 의 구조 기 에 주입 한 다음 에 서비스 안의 속성(전달 매개 변수)에 값 을 부여 하고 값 을 추출 하여 구성 요소 간 의 전달 매개 변 수 를 실현 한다.
위 에서 말 한 것 은 소 편 이 여러분 에 게 소개 한 Angularjs 2 서로 다른 구성 요소 간 의 통신 인 스 턴 스 코드 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다!

좋은 웹페이지 즐겨찾기