更改角度模型时,不会更新Kendo工具提示内容

时间:2016-07-05 15:50:25

标签: angularjs kendo-tooltip

我已按以下方式定义了剑道工具提示:

<i class="fa fa-info-circle ico-tooltip" kendo-tooltip k-content="model.Description"></i>

最初内容没问题,但是当更改model.Description并且没有重新加载网站时,k-content显示旧值。

在F5重新加载网站后,有了新的价值,但这不是我想要实现的目标。

有可能以某种方式刷新此工具提示或解决此问题吗?

2 个答案:

答案 0 :(得分:1)

我有一个类似的问题,我通过Kendo的代码和以下解决方案调试,在我的情况下,我想从我的模型中只显示最多22个字符的文本并在工具提示中显示全文,这里是示例代码

以下示例使用的是Angular的1.5组件

<div kendo-tooltip="$ctrl.selectedItemTooltip" k-content="$ctrl.selectedItemText">{{$ctrl.selectedItemText | limitTo:22}}</div>

和JS

function fetchFromServer(){
   $http.get('/myService').then(function(response){
       ctrl.selectedItemText = response.data.model.text;
       ctrl.selectedItemTooltip.options.content = ctrl.selectedItemText
       ctrl.selectedItemTooltip.refresh();
   });
}

答案 1 :(得分:0)

工具提示选项对象中的

(初始化工具提示时)为hide事件设置函数(检查documentation),在此函数中可以调用刷新函数 `

var tooltip = $("#container").kendoTooltip({
     hide: function() {
        tooltip.refresh();
      }
})

` 我认为这会有所作为