2016-10-18 3 views
1

각도 1 모드에서 ag-grid으로 문제가 발생했으며 이상한 문제가 발생했습니다. 튜토리얼을 사용하여, 나는 더 복잡한 코드에서 가지고있는 in this plunkr이라는 문제를 재현했다. "선수"열 값을 두 번 클릭하여 볼 수 있습니다.AG-Grid 셀 템플릿 값 변경

간단히 말해, 템플릿이 적용된 편집 가능한 열에서 수정 모드로 들어가면 값이 비워집니다. 당신이 설정 한대로 상관 없습니다 바인딩이 깨진 것 같습니다.

예를 들어

:

<div ng-bind='data.athlete'></div> 
: 영원히 같은 반환 뭔가 후 것,

<div>Michael Phelps</div> 

하지만 당신은 두 번 때 편집을 클릭 :

template: "<div ng-bind='data.athlete'></div>" 

같은 뭔가를 반환합니다

나는 data.athlete가 저장에 의해 언 바운드되고 있다고 의심하지만, 그것을 고치는 방법을 모르겠습니다. 바인딩하려는 모든 열에 대해 값 변경 핸들러를 만들지 않으려 고합니다.

문자열 보간을 사용하는 경우에도 마찬가지입니다.

답변

1

cellTemplate 대신 cellRenderer을 사용하십시오. 훨씬 더 유용하고 더 많은 일을 할 수 있습니다. 여기가 조정되었습니다 plnkr

+0

Ah. 이것은 대단합니다 - 고마워요. ng-model이 비슷하게 작동 할 것이므로 valueChangeHandler를 수행하지 않고 데이터 공급자에 바인딩 할 수 있습니까? 아니면 모눈 모델과 동기화 된 각도 모델을 유지하는 더 좋은 방법이 있습니까? 'rowData = provider.getData()'아마도? – oooyaya

+0

각도와 ag-grid가 데이터를 공유하는 방법에 익숙하지 않다면, 죄송합니다 –

+0

누구나 돌아올 경우 :'rowData = someProvider.getData()'를 지정하면 변경시 데이터 모델이 자동으로 최신 상태로 유지됩니다. 그리드의 데이터. 그들이 여러 수준으로 멀리 추상화 되더라도. rowData는 기능하도록 설정해야합니다. 'rowData = someProvider.data'는 작동하지 않습니다. 이것은 모든 각도 데이터 바인딩 및 AG Grid와는 아무런 관련이 없습니다. – oooyaya

관련 문제