2016-07-05 2 views
0

Я определил кендо подсказку в следующем образе:Кендо не обновляется, когда угловая модель изменяется

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

Первоначально содержание в порядке, но когда model.Description изменяется, и сайт не перезарядил k-content показывает старое значение.

После перезагрузки сайта F5 появляется новое значение, но этого я не хочу достичь.

Возможно, как-то обновить эту подсказку или обходной путь этой проблемы?

+0

вызова $ Scope. $ Применить() после того, как происходит изменение. – user2085143

+0

Я, очевидно, сделал это. Модель обновляется, и остальная часть просмотра отображается с новым контентом в соответствии с новой моделью, но всплывающая подсказка по-прежнему показывает старое значение – user6341612

ответ

0

в настройках подсказки объект (при инициализации подсказки) установить функцию для события скрыть (проверить documentation) и в этой функции можно вызвать функцию обновления `

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

` я думаю, это сделают трюк

0

У меня была аналогичная проблема, и я отладил код Kendo и последующие решения, в моем случае я хотел показать только до 22 символов текста из моей модели и показать полный текст в всплывающей подсказке, вот пример кода

В этом примере ниже, с использованием 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(); 
    }); 
}