Jquery tokenInput - невозможно прочитать свойство неопределенной проблемы

Question

Что я делаю:

• Выполнение HTTP-запроса на получение

• Когда я получаю ответ, я добавляю одно из свойств в tokenInput,Пожалуйста, смотрите ниже код

  $http.get('/product/getDetails/'+$scope.productId)
  .then(function (response) {
  
      var brand = response.brand;
      var manufacturer = response.manufacturer;
  
      $http.get('/category/getAllTypes')
      .then(function (response) {
  
      }
  
  
      $timeout(function () {
              $(document).ready(function() {
                  $('#brand').tokenInput("add", {id: brand._id, name: brand.name, isActive: 0, checkStatus: 1});
                  $('#manufacturer').tokenInput("add", {id: manufacturer._id, name: manufacturer.name, isActive: 0, checkStatus: 1});
          })
      }, 500);
  }
  

Проблема:

Я получаю следующую ошибку.

TypeError: Cannot read property 'add' of undefined
at a.fn.init.add (jquery.tokeninput.js:110)
at a.fn.init.$.fn.tokenInput (jquery.tokeninput.js:126) 

То, что я пытался:

Я пытался инициализировать tokenInput с помощью

    $('#brand').tokenInput("../plugins/tokeninput/js/jquery.tokeninput.js");
    $('#brand').tokenInput("add", {id: brand._id, name: brand.name, isActive: 0, checkStatus: 1});

Но он показывает два входа токена.

Я много искал, но не нашел решения.Буду признателен за любую помощь / предложение.

Answer 1

Вы пытались вызвать его после инициализации функции для получения результатов из URL?

например

$('#brand').tokenInput(/yourApi/, {  

// define the functions:  

    onAdd : function (item) {  
                var tokens = $('#brand').tokenInput('get');
                ...
              },

    ....

}

// now, after above function, you try to populate it "programmatically"

$('#brand').tokenInput("add", {id: brand._id, name: brand.name, isActive: 0, checkStatus: 1});