角度 UI 网格工具提示不起作用

Question

我在angular-ui-grid上显示标题tooltip时遇到问题。
这是 plunker 演示。

知道如何让它工作吗？

Answer 1

我无法弄清楚如何通过将 headerTooltips 设置为字符串来使指令在内部正常工作。指令开发人员正在使用与您的实现不同的实现来使其工作，这可以从此 Plunker 中看到。

此解决方案将修补问题，直到找到更好或更永久的问题。将其放在控制器内的服务呼叫结束时，如下所示。

upareneStavkePromise.then(function(upareneStavkeData){
            $log.debug(upareneStavkeData);
            $scope.ucitaniUpareniPodaci = true;
            $scope.gridOptionsUpareniPodaci.data = upareneStavkeData.grupe;
            upareneStavkeTotals = upareneStavkeData.totals;

             /*
              * Patch for possible bug:
              * Description: Setting headerTooltip property
              * value as a string doesn't render the value at
              * runtime.
              *   
              */ 
            //class for the header span element
            var headerClass = ".ui-grid-header-cell-primary-focus";
            //the column definitions that were set by the developer
            var colDefs = $scope.gridOptionsUpareniPodaci.columnDefs;
            //Get the NodeList of the headerClass elements.
            //It will be an array like structure.
            var headers = document.querySelectorAll(headerClass);    
                //loop through the headers
                angular.forEach(headers,function(value,key){//begin forEach
                    //Set the title atribute of the headerClass element to
                    //the value of the headerTooltip property set in the columnDefs
                    //array of objects.
                    headers[key].title = colDefs[key].headerTooltip;                    

                });//end forEach

            /****************END PATCH********************/          

        });