ag-gridは関数の中に入っていませんか？

Question

私はあなたが何かばかげたものを見つけたら、私はagGridを使用することで新しいです。だから私はangularjsで剣道グリッドを使用していましたが、今はagGridを試しているので、他のグリッドに切り替えることを考えました。

以下は、問題なく動作しているすべてのアグリッドのサンプルです。しかし、ボタンのクリックで呼び出される関数の中でグリッドオプションを移動するとき警告 - ag-Gridのグリッドオプションが見つかりません。アトリビュートag-gridがスコープ上の有効なオブジェクトを指していることを確認してください。私は、この機能の剣道グリッド内のオプションは、罰金や剣道グリッドを作業しているため、問題が何であるかを理解することができないんだけど

が読み込まなっているが、私は私がagGridと間違ってやっているかわからないんだけど。

親切に私を助けてください。

function abc($rootScope,$scope, $state, $stateParams, $timeout, Upload, baseURL, $cookieStore, $log, errorCheckFactory) { 
    var columnDefs = [ 
     {headerName: "Make", field: "make"}, 
     {headerName: "Model", field: "model"}, 
     {headerName: "Price", field: "price"} 
    ]; 

    var rowData = [ 
     {make: "Toyota", model: "Celica", price: 35000}, 
     {make: "Ford", model: "Mondeo", price: 32000}, 
     {make: "Porsche", model: "Boxter", price: 72000} 
    ]; 

    $scope.gridOptions2 = { 
     columnDefs: columnDefs, 
     rowData: rowData, 
     enableFilter: true, 
     enableColResize: true, 
     enableSorting: true, 
     groupHeaders: true, 
     rowHeight: 22, 
     //onModelUpdated: onModelUpdated, 
     suppressRowClickSelection: true 

    }; 

}

Answer 1

グリッドはきっと、あなたのHTMLテンプレートに

をタイプミスを持っていることを意味し、あなたのgridOptionsがあなたのHMLテンプレートをチェックfoudていない場合には、

ag-grid="gridOptions2" 

注意を持っている必要があります：controllerAsでコントローラを使用する場合は、$ scopeではなく変数をバインドする必要があります。

これは、あなたのHTMLとあなたのルート/州/任意のナビゲーションの定義を追加しない場合。

Answer 2

これは、角度グリッドのバインディングの問題です。範囲変数gridOptionsを確認してください。

グリッドオプション機能：

var columnDefs = [ 
    {displayName: "Make", field: "make"}, 
    {displayName: "Model", field: "model"}, 
    {displayName: "Price", field: "price"}, 
    {displayName: "Price2 ", field: "price2"}, 
    {displayName: "Test 4", field: "test4"}, 
    {displayName: "Test 5", field: "test5"}, 
    {displayName: "Test 6", field: "test6"}, 
]; 

var rowData = [ 
    {make: "Toyota Toyota Toyota Toyota Toyota", model: "Celica", price: 35000, price2: 145, "Test 4": "Test 4", "Test 5": "Test 5", "Test 6": "Test 6"}, 
    {make: "Acura", model: "Celica", price: 35000, price2: 145, "Test 4": "Test 4", "Test 5": "Test 5", "Test 6": "Test 6"} 
]; 

vm.gridOptions = { 
    columnDefs: columnDefs, 
    rowData: rowData 
}; 

ワーキングPlnkr：http://plnkr.co/edit/VRnwnXi6fzyaoJJ1YHOx?p=preview

Correct binding : <div angular-grid="main.gridOptions" class="ag-fresh" style="width: 100%"></div> 

がエラーPlnkr：http://plnkr.co/edit/zb4Vc2lw5VzRzYwsfhL7?p=preview

In-Correct Binding : <div angular-grid="main.gridOptions2" class="ag-fresh" style="width: 100%"></div> 

我々はgridOptionsからgridOptions2に結合し、それが私たちに警告を与えている変更： VM769 angular-grid.js：1警告 - グリッドオプションsは角度グリッドが見つかりません。アトリビュートのangle-gridがスコープ上の有効なオブジェクトを指していることを確認してください。

これは疑問を明確にするものだと思います。

Answer 3

@ ranjeet8082グリッドを開くことができますボタンをクリックするときに、関数の横に「gridOptions」と書くことができます。あなたはhtmlを読み込むことができますし、オプションでもクリック機能で読み込むことができますので、何のエラーも表示されません。あなたはこのプランナーで確認できます。

enter link description here