数组未显示在表格中

时间:2019-04-11 19:56:53

标签: jquery typescript

我希望函数FilterUser在表中显示数组UserFilter,但是,它不起作用。当我console.log第一个函数时,它给了我正确的数组,但是以某种方式,它没有显示在桌子上。您知道如何更改功能以使其正常工作吗?

function searchUser() {
  UserFilter = users.filter(function(User) {
    if (User.uName.search(inputSearch.val().toString()) > -1) {
      return true
      FilterUser();

    } else {
      return false;
    }
  });

  console.log(UserFilter)
}


function FilterUser() {
  tableUser.empty();

  for (let i: number = 0; i < UserFilter.length; i++) {
    const user: User = UserFilter[i];
    const tr: JQuery = $(`
        <tr>
            <td>${user.fName}</td>
            <td>${user.lName}</td>
            <td>${user.uName}</td>
            <td>
                <button class="btn btn-outline-dark btn-sm btnEdit" data-id="${i}">
                    <i class="fa fa-pencil-alt"></i>
                </button>
                <button class="btn btn-outline-dark btn-sm btnDel" data-id="${i}">
                    <i class="fa fa-trash"></i>
                </button>
            </td>
        </tr>
        `);

    tableUser.append(tr);
  }
}

1 个答案:

答案 0 :(得分:1)

您的第一个函数在调用FilterUser之前返回true