2016-10-18 29 views
1

角度1モードのag-gridと私は変な問題が発生しました。このチュートリアルを使用して、より複雑なコードで問題を再現しました。in this plunkr 「アスリート」列の値をダブルクリックすると表示されます。AG-Gridセルのテンプレート値の変更

簡単に言えば、テンプレートが適用された編集可能な列で編集モードに入ると、値は空白になります。あなたが設定したものとは関係なく、バインディングが壊れているように見えます。例えば

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

のようなものを返します:

<div>Michael Phelps</div> 

をしかし、あなたはそれを編集し、それをダブルクリックしたときに、それはのようなリターンの何かの後に永遠になります:

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

私はdata.athleteが保存によってアンバインドされていると思われますが、それを修正する方法がわかりません。バインドする予定のすべての列に対して値の変更ハンドラを作成する必要はありません。

文字列補間を使用する場合も同じことが起こります。

答えて

1

cellTemplateの代わりにcellRendererを使用してください。それははるかに有用であり、あなたはそれでもっと多くを行うことができます。ここにあなたの調整がありますplnkr

+0

ああ。これは素晴らしいことです - ありがとう。 ng-modelが同様に動作するかどうかを知っていますので、valueChangeHandlerを実行しなくてもこれをデータプロバイダにバインドできますか?または、角のモデルをグリッドのモデルと同期させるより良い方法がありますか? 'rowData = provider.getData()'おそらく? – oooyaya

+0

私は角度とグリッドのデータを共有する方法に精通していません、ごめんなさい –

+0

誰かが戻ってきた場合: 'rowData = someProvider.getData()'を指定すると、データモデルを自動的に最新の状態に保ちますグリッド上のデータたとえそれらがいくつかのレベルで深く抽象化されたとしても。 rowDataは機能するように設定する必要があることに注意してください。 'rowData = someProvider.data'は動作しません。これは、すべての角度データバインディングに当てはまり、AGグリッドとは何も関係ありません。 – oooyaya

関連する問題