使用jquery切换工具提示内容（Kendo）

Question

我有一个按钮的剑道工具提示设置，看起来像这样..

代码就在这里

// 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}}">

这个工作正常，直到我想在单击或激活按钮时将工具提示的内容更改为“隐藏饼图”。这是我正在尝试的代码..

$('#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();
});

代码部分实现了我想要的。现在唯一的问题是，{{tt_piechart_text}}和{{tt_piechart_hide}}将呈现为字符串。像这样..

我希望表达式呈现为等效的字符串。我在这里错过了什么？如何解决这个问题？我正在使用Angular 1X和Kendo工具提示。

Answer 1

我相信您应该使用k-content属性并从控制器更新html，如演示http://demos.telerik.com/kendo-ui/tooltip/angular

中所示