입력 특성이 데이터를 수신하지 않습니다.

Question

데이터를 내 구성 요소로 전달하려고합니다. 다음은 구성 요소의 코드입니다.

export class requestDetailComponent{ 
    @Input() id; 
    @Input() name; 
    @Input() email; 
    @Input() purpose; 
    @Input() programme; 
    @Input() language; 
    @Input() comments; 

    visible = false; 
    toggle() { 
    this.visible = !this.visible; 
    } 

및 템플릿은 다음과 같습니다

<div class="col-sm-5">  
    <label>{{name}}</label> 
</div> 

내가 데이터를 전달하는 부모 구성 요소입니다

<ul> 
     <li> 
      <request-detail [name]='Salman'></request-detail> 
     </li> 
</ul> 

나는 Salman가 하위 구성 요소에서 나타나는 것으로 기대하지만 아무튼 발생하지 마십시오 무엇이 문제입니까?

name="Salman" 

그래서 당신은 두 가지 옵션을 사용할 수 있습니다

[name]="'Salman'" 

단지 설탕입니다 :

Answer 1

우리는 알고 있어야합니다. 당신이 당신의 컴포넌트 클래스에 Salman 변수를 선언해야 다음

[name]='Salman' 

: 다음과 같은 구문을 사용하는 경우

빅터 Savkin에 의해 Angular 2 Template Syntax 참조

는

는

class ParentComponent { 
    Salman = 'Salman' 
} 

Angular2는 구성 요소를 사용하여 인스턴스 범위는 뷰에서 변수에 액세스합니다.

당신이 당신의 부모 구성 요소에 Salman 변수가없는 경우 다음을 참조 아래 그림