동적 변수가있는 ngModel

Question

ngModel을 사용하여 bumpDetail.name 배열에서 get 속성을 사용하여 객체를 범프 값으로 내보낼 때 문제가 발생합니다. 내 코드 스 니펫을 아래에 붙여 넣었습니다. 누구든지 그것을 확인하고 내가 잘못한 곳을 말해서 나를 도울 수 있을까요? 고맙습니다.

<p *ngFor="let bumpDetail of bumpDetail"> 
    <input type="checkbox" id="device" [(ngModel)]={{bump.bumpDetail.name}}/> 
    <label for="device">{{bumpDetail.name}}</label> 
</p> 

Bump[] = [{ 
"name": "bump_1", 
"status": true 
}, { 
"name": "bump_2", 
"status": false 
}, { 
"name": "bump_3", 
"status": true 
}] 

이 오류입니다.

Parser Error: Got interpolation ({{}}) where expression was expected at column 0 in [{{bumpDetail.name}}] in ng:///AppModule/SettingComponent.html@129:59 ("p *ngFor="let bumpDetail of bumpDetail">

Answer 1

[] 및 {{}}는 함께 사용한 적이 있습니다. 어느 하나 또는 다른 하나

[(ngModel)]="this[bumpDetail.name]" 

{{}}은 문자열 보간 전용입니다. [(ngModel)]="bumpDetail.status"

[(ngModel)] 또는 그 문제에 대한 모든 다른 NG-지시자를 사용하는 경우가 {{}} 필요하지 않습니다 : 그것은해야 [(ngModel)]={{bumpDetail.name}}

에 오류가

Answer 2

.

둘째로 여기 뭔가 잘못되었을 수도 있습니다. <p *ngFor="let bumpDetail of bumpDetail"> 변수 이름이 올바른지 확인하십시오.이 두 변수는 같을 수 없습니다.

I이로 변경할 것이다 : bumpDetailArray 배열

Answer 3

에게이다 <p *ngFor="let bumpDetail of bumpDetailArray"> 얻기 기초 오른쪽 제 {{}}이 표현이고 [(ngModel)]을 방출 함) 두 방법 (여기서 바인딩이고 []은 바인딩을위한 것입니다. 당신이해야 할 일은 [(ngModel)]="bumpDetail.name"과 같습니다. 인쇄하려면 {{bumpDetail.name}}과 같은 표현식을 사용해야합니다. 위에서 사용한 것과 같이 둘 다 함께 사용할 수는 없습니다.