부모 구성 요소에서 자식 구성 요소를 동적으로로드하려고합니다. 부모 구성 요소에서 서비스 호출을 만들고 WebAPI 서비스에서 일부 데이터를 검색하기 위해 자식 구성 요소에서 사용되는 일부 매개 변수를 자식에게 전달해야합니다. 반환 된 데이터는 자식 구성 요소의 일부 입력 컨트롤에 바인딩되어야합니다.
테스트 목적으로 부모에서 자식 구성 요소를로드하고 로컬로 초기화 한 JSON 개체의 입력 컨트롤 데이터를 바인딩하려고하는 플 런커를 만들었습니다. 여기에서 몇 가지 문제에 직면하고 있으며 데이터가 여기에 제대로 바인딩되지 않습니다.
플 런커 URL
내 자식 구성 요소 코드
import {Component, Input} from '@angular/core'
import { FORM_DIRECTIVES } from '@angular/common';
const SAMPLE: Sample[] = [
{ queueId: 11, name: 'Mr. Nice' },
{ queueId: 12, name: 'Narco' },
{ queueId: 19, name: 'Magma' },
{ queueId: 20, name: 'Tornado' }
];
@Component({
selector: 'load',
directives: [FORM_DIRECTIVES],
template:`<h1>This is from loader</h1>
<input type="text" [(ngModel)]="resultData.queueId" />
`
})
export class Loader{
@Input() ParentID : any;
// resultData : any;
resultData = SAMPLE;
constructor()
{
}
}
export class Sample {
queueId: number;
name: string;
}
아닌가하는 resultData
것입니다 Sample[]
그리고 당신은 그것이 될 것으로 예상 템플릿 Sample
. Sample
예를 들어 템플릿을 업데이트하십시오.
<input type="text" [(ngModel)]="resultData[0].queue.Id />
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다