2016-09-23 3 views
0

私は、Angular-UI Bootstrap PopoverAngularjs UIブートストラップポップオーバー - ポップオーバー内のHTMLテーブルを置き

これを使用して、以下の私のコードsnniptですよ:

<a href="" 
     popover-placement="{{$index < 4 ? 'bottom' : 'left'}}" 
     popover-trigger="outsideClick" 
     uib-popover-template="'popover_table.html'"> 
    Click me 
</a> 

私はリンクをクリックすると、それはpopover_tableが表示されます.htmlの内容は、バックエンドから返されたデータを示す表です。あまりにも多くのデータが返されると、popover_tableは多くのレコードを表示し、ユーザーはテーブル内をスクロールダウンする必要があります。そこで、スクロールするときにPopoverダイアログの上部にテーブルヘッダを固定できるかどうかを尋ねています。 Screenshot added below

レコードが4つ以上ある場合は、scroll-yを追加して、スクロール時に常に表のヘッダーを固定しておくことが必要です。
この機能の実装方法は?この場合固定位置は機能しません。 さらに、ng-clickを<a>に追加した場合、popoverの表示後にng-click機能を実行する方法はありますか?私はあなたがNGクリックを使用している場合、そのはまだ使用$スコープを失敗した場合、それが働いたことを想定

答えて

0

..テストと機能が最初に実行NGクリックしますことを見出した。$(適用)をクリックして関数内

+0

はい、 ng-clickはタグをクリックすると動作しますが、ここで問題となるのは、angle-ui popoverが最初に開き、次にng-click機能を実行する方法です。あなたはこれに関するアイデアを持っていますか、ありがとう。 :) – Alice

+0

関数をクリックするのではなく、ポップオーバーを開いてそこにクリックする機能を追加することができる、角度カスタマーディレクティブを追加します。 –

関連する問題