2016-04-14 17 views
1

私たちはng-gridを使用していましたが、最新のangularjsにアップグレードした後、n.swapについてエラーが発生しましたが、関数ではなく何も表示されませんでした。私はui-gridにアップグレードすることに決めました。アップグレードのチュートリアルに従いました。私は開発ツールコンソールでエラーは表示されませんが、タブをアクティブにするとグリッドは表示されません。複数のタブがあります ui-gridは表示されません

​​

として私たちのタブが定義されていますが、私は唯一の2つの、関連するタブを示しています。 FAQは、グリッドを正しく表示するためにng-ifを使用することを示唆しており、これは http://plnkr.co/edit/LtpFnDUTofuxitb4Vh9x?p=previewを参照していますが、この解決策をタブに適用する方法を理解できません。

+0

gridStyleクラスのpxで明示的な高さと幅を使用すると、グリッドを表示することができますが、これは防弾対策ではありません。私はむしろng-ifを代わりに使用したい – Naomi

答えて

1

は、あなたのグリッドのdivに高さのスタイルを追加してみてください:

<div id="grid1" ui-grid="gridOptions" class="grid" ng-if="tabShown" style="height:200px;"></div> 

あなたplnkrに私はまた、唯一のあなたのplnkrで宣言された2つのタブを見ている:)あなたのデータを参照することを追加した後。

+0

cssのgridStyleクラスに明示的な幅(px)と高さ(px)を追加して問題を解決しましたが、私の質問ではng-私がコードで示したように定義されています)。いずれにしても、現時点でui-gridを使用している場所は2つしかないので、これは重要な問題ではありません。 – Naomi

+0

ポストは何が尋ねられているか少し曖昧です。あなたは確かにng-ifを使ってあなたの選択したモデルの値に基づいてグリッドを表示できます。私は何らかの価値観をチェックし、それがあればグリッドを表示すると思いますか? –

+0

いいえ、問題は、タブをアクティブにするとグリッドが表示されないことです。 FAQにそれについての話があり、ng-ifを使うことをお勧めします。私の問題は、私のタブの条件をどうすればいいのか分かりません。具体的なモデル値はありません。いずれにしても、固定幅と高さを使用して問題を解決しました – Naomi

関連する問題