1

剣道グリッドでカウントの列にカーソルを合わせると、アイテム名のリストをポップオーバーで表示しようとしています。項目名は API 応答から返されます。

外部テンプレートを参照するために popover-template を使用しています。何らかの理由で、ポップオーバー テンプレートを使用すると、外部テンプレートが参照されません。ポップオーバーだけで静的データを使用すると、問題ありません。しかし、私の場合、アイテムの数に基づいてリストを作成する必要があります

     columns: [
            {  field: 'name',
                title: 'APP',
                template: function (a) {
                    var tmp = '<a ng-href="#/applications/'+a.id+'">'+a.name+'</a>';
                    return tmp;
                }
            },
            {  field: 'count',
                title: 'COUNT',
                template: function(dataItem) {
                    var htmlTemplate = $templateCache.get('appCount.html');
                    $scope.applications = dataItem.applications;
                    var htmlObj = $compile(htmlTemplate)($scope);

                    var tmp ='<span popover-template="'+htmlObj.html()+'" popover-placement="right" popover-trigger="mouseenter" data-html="true">'+dataItem.count+'</span>';
                    return tmp;

                }

            }
    ]

外部テンプレートは appCount.html として保存され、次のようになります。

      <ul class="app-popover">
      <li ng-repeat="app in applications" ng-bind-html="app.name">
      </li>
     </ul>

私は基本的に、動的データを呼び出し元のコントローラー内で参照するために $scope 変数にバインドしようとしています。

このリストを作成してツールチップを表示する他の方法はありますか? どんな助けでも大歓迎です。私はこれに苦労しており、角度も初めてです

4

0 に答える 0