(angularjs) - Làm sao để gán source (số lượng bản ghi lớn) cho auto-complete ngay khi load control không bị time out và tìm kiếm dữ liệu nhanh

Nếu dữ liệu của bạn ít thay đổi, bạn có thể cache dữ liệu đó lại, lần sau có thể chỉ mất 1 2s hoặc thấp hơn để load 10k bản ghi. Nhưng cũng tùy theo trường hợp, các ứng dụng như bán hàng thì mình sẽ load lên hết như vậy, còn các ứng dụng văn phòng khác thì dùng ajax search theo key người dùng nhập. Chúc bạn tìm được một giải pháp hữu hiệu nhất.

Mình chưa làm bằng AngualarJS nên mình chỉ đưa ra cách giải quyết theo suy nghĩ hạn hẹp của mình thôi. Để giải quyết vấn đề của bạn thì theo mình nghĩ bạn cần xử lý cả ở Server và Client.

• Tại Server, bạn giới hạn dữ liệu trả về theo số lượng và theo page. Khi Client gửi request lên thì cần gửi lên page cần lấy dữ liệu, số bản ghi trả về có thể bạn đặt cứng hoặc truyền vào request tùy theo bạn.
• Tại Client thì bạn cần một biến data để lưu các kết trên server trả về (bạn render kết quả theo biến data), mỗi khi lấy thêm dữ liệu trả về từ server thì bạn push vào biến data hiện tại. Và để xử lý vấn đề khi nào lấy thêm dữ liệu thì có tạm thời mình chỉ nghĩ được 2 phương án đơn giản:
  • Bạn đặt một button ở cuối danh sách kết quả, khi nào người dùng nhấn vào đó thì bạn sẽ gửi request lấy dữ liệu ở trang tiếp theo và push kết quả trả về vào biến data.
  • Hoặc bạn có thể dùng sự kiện khi người dùng scroll đến cuối danh sách thì tự động gửi request lấy dữ liệu ở trang tiếp theo và push vào biến data. Khi gửi request lấy dữ liệu thì bạn nên sử dụng các hiệu ứng loading để tạo độ thân thiện.