Angular ui Grid Tooltip funktioniert nicht

Question

Ich habe ein Problem, Header tooltip auf anzuzeigen.
Hier ist plunker demo.

Irgendeine Idee, wie es funktioniert?

Answer 1

Ich konnte nicht herausfinden, wie die Anweisung intern richtig funktionieren kann, indem die headerTooltips als Strings gesetzt werden. Die Direktivenentwickler machen es mit einer anderen Implementierung als Ihrer, die in dieser Plunker zu sehen ist.

Diese Lösung wird das Problem beheben, bis eine bessere oder dauerhafte gefunden werden kann. Platzieren Sie es wie in der folgenden Abbildung am Ende Ihres Serviceanrufs in Ihrem Controller.

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********************/   


     });