Sử dụng Góc cho hộp thư đến tìm kiếm (như tìm kiếm của Google)

Question

Tôi muốn một cái gì đó như kết quả tìm kiếm của Google. Khi tôi gõ một cái gì đó Google cho tôi một số tùy chọn phù hợp với những từ tôi đã gõ cho đến nay; ví dụ nếu tôi nhập "Rog", nó sẽ cho tôi các tùy chọn "Rogers", "Rogers Yahoo", "Rogers email", "Rogers Center" và những đề xuất này là một phần của hộp nhập không phải là "danh sách" riêng biệt hoặc .. .. Tôi biết điều này là có thể với góc cạnh. Tôi đánh giá cao nếu bạn có thể hướng dẫn tôi :-)

PS: Rất tiếc, tôi không thể đính kèm ảnh (ví dụ về tìm kiếm của Google) để làm rõ! Cảm ơn

Answer 1

Có hai nguồn lực sẵn có từ Angular UI có thể giúp bạn bắt đầu:

Từ Angular Bootstrap, có Typeahead. Đây là một giải pháp khá nhẹ với không có phụ thuộc bên ngoài khác. Nó cũng rất đơn giản, ở chỗ nó chỉ cung cấp một danh sách gợi ý đơn giản bên dưới đầu vào.

Phương án thay thế là AngularJS-native version of Select2 and Selectize. Đây là một phiên bản phức tạp hơn nhiều, với nhiều tính năng hơn. Tuy nhiên, nó có phụ thuộc trên cả hai các thư viện jQuery và Select2.