2017-04-21 9 views
1

-선택 NG2 실패 바인딩 :데이터가 나는 다음과 같이 문자열</p> <pre><code>private category: Array<object> = [{ "value": 1, "text": "Table" }, { "value": 2, "text": "Chair" }, { "value": 3, "text": "Light"}] </code></pre> <p>의 배열 내 HTML을 사용하려고 할 때 ng2-select.It 잘 작동 사용하여 드롭 다운하는 객체의 배열을 결합하려고

<ng-select [items]="category" [allowClear]="true" 
             placeholder="No country selected"> 
          </ng-select> 

나는 또한 내 module.ts에 selectModule를 가져온 데이터의

+0

문제에 대해 구체적으로 설명해 주실 수 있습니까? 콘솔 오류가 발생합니까 아니면 드롭 다운을 선택하지 않았습니까? –

+0

선택 드롭 다운이 비어 있습니다. – user19041992

답변

2

형식이 올바르지 않습니다.

private category: Array<object> = [ 
    { "value": 1, "text": "Table" }, 
    { "value": 2, "text": "Chair" }, 
    { "value": 3, "text": "Light" } 
] 

사용 : 대신의

private category: Array<object> = [ 
    { "id": 1, "text": "Table" }, 
    { "id": 2, "text": "Chair" }, 
    { "id": 3, "text": "Light" } 
] 

의 차이는 한 항목의 키를 나타내는 value입니다. 이것은 당연히 ng-select 모듈 개발자가 정의한 것입니다.

+0

하지만 웹 API에서 데이터가 전송되는 경우 어떻게해야합니까? {id : "", text : ""} 형식의 데이터를 변환하는 것이 의무입니까? – user19041992

+0

예, 그렇게해야합니다. 키의 정의와 객체의 값을 정의 할 수있는 방법이 없기 때문에 ng-select의 개발자는이를 노출하지 않습니다. 그러나 이것은 대부분의 드롭 다운 모듈에서 일반적이지 않습니다. –