как реализовать функционал библиотеки JQuery на угловых 5 - PullRequest
Новая
       8

как реализовать функционал библиотеки JQuery на угловых 5

0 голосов
/ 03 октября 2018

У меня есть проект, созданный с использованием Jquery и html, а также я использовал библиотеку jquery.mentiony.js, в которой я реализовал текстовое поле, которое будет работать как текстовое поле поисковой системы Google (которое будет отображать предложение из данных json getиз моего ответа API, в то время как набор текста можно выбрать из этого или можно печатать, как нам нравится).

Я хочу воссоздать всю функциональность в angular 5. Любой esay способ воссоздать это в angular5?

Ниже приведен код, используемый в моем html-приложении jquery. 

$('textarea.mention1').mentiony({
  onDataRequest: function (mode, keyword, onDataRequestCompleteCallback) {
    var char = keyword.split(" ");
    var filterString = "";
    if ((char.length - 2) >= 0) {
      filterString = char[char.length - 2].trim() + " ";
    }
    filterString += char[char.length - 1].trim();
    keyword = char[char.length - 1].trim();
    $.ajax({
      method: "POST",
      url: "/wordpred/predict",
      data: { 'usr_pred_inp': filterString },
      dataType: "json",
      success: function (response) {
        var data = response;
        data = jQuery.grep(data, function (item) {
          return item.name.toLowerCase().indexOf(keyword.toLowerCase()) > -1;
        });
        onDataRequestCompleteCallback.call(this, data);
      }
    });
  }
});
...