Toggle Tooltip Inhalt (Kendo) mit Jquery

Question

Ich habe einen Kendo Tooltip-Setup für eine Schaltfläche, die wie folgt aussieht ..

Und der Code ist hier

// JS 
var labels = { tt_piechart_text: "Show Pie Chart", tt_piechart_hide: "Hide Pie Chart" } 
$("#pieChartBtn").kendoTooltip({ 
     position: "bottom" 
    }); 
// HTML 
<input id="pieChartBtn" type="button" class="pieChartBtn" title="{{tt_piechart_text}}"> 

Dies ist die Arbeit gut, bis ich will Ändern des Inhalts der QuickInfo zu "Ausblenden des Tortendiagramms", wenn auf die Schaltfläche geklickt wird oder aktiv ist Dies ist der Code, den ich versuche ..

$('#pieChartBtn').click(function() { 
    if ($(this).hasClass('active')) { 
     $(this).removeClass('active'); 
     $("#pieChartBtn").data("kendoTooltip").popup.wrapper.find(".k-tooltip-content").html("{{tt_piechart_text}}"); 
    } else { 
     $(this).addClass('active'); 
     $("#pieChartBtn").data("kendoTooltip").popup.wrapper.find(".k-tooltip-content").html("{{tt_piechart_hide}}"); 
    } 
    $('#pieChartBtn').toggle(); 
}); 

Der Code ist teilweise erreicht, was ich will. Das einzige Problem ist jetzt, {{tt_piechart_text}} und {{tt_piechart_hide}} werden als String gerendert. Wie dies ..

möchte ich die Ausdrücke äquivalent Saiten gemacht werden. Was fehlt mir hier? Wie behebe ich das? Ich benutze Angular 1X und Kendo Tooltip.

Answer 1

Ich glaube, dass Sie das k-content-Attribut verwenden und den HTML-Code von der Steuerung aktualisieren sollten, wie in der Demo gezeigt http://demos.telerik.com/kendo-ui/tooltip/angular