2017-06-20 16 views
1

ag-gridをfullWidthテンプレートでレンダリングしようとしています。これは実際にはディレクティブです。ag-grid:角度1.xディレクティブのfullWidth行を使用する

gridOptions: { 
     fullWidthCellRenderer: function(node) { 
      var el = angular.element('<div />'); 
      el[0].innerHTML = '<div directive="node.data"></div>'; 
      var tpl = $compile(el)($scope); 
      return tpl[0]; 
} 

このディレクティブは( 'directive'属性の)モデルを必要としますが、未定義になります。 ここにスコープの問題があると思いますが、htmlテンプレートでデータをストリング化する必要はありません。 データオブジェクトをディレクティブに渡すにはどうすればよいですか?

は、私は2つの方法でこれを解決するために管理

答えて

1

ありがとう: は、最初の$スコープ `と$の範囲から子スコープを作成することです$新しい()」、それへのノード変数を割り当て、コンパイルします。それをテンプレートにする 2番目の方がいいでしょう。おそらく、$ compileがない要素を返し、gridOptionsに angularCompileRows: trueを使用します。

関連する問題