2013-04-21 32 views
9

Tôi đang làm một ứng dụng với jQuery Mobile và Angular.js. Nguyên nhân chúng tôi có một số vấn đề khi sử dụng cả hai libs, tồn tại một số adapter thực hiện "công việc".Angular.js với jQuery Mobile

Vì vậy, tôi đang cố gắng sử dụng routeProvider để định tuyến các trang của tôi. Nhưng tôi vẫn không thể hiển thị các trang bằng cách sử dụng này.

Ở đây plunker nếu u có thể giúp chỉ đường cho tôi.

http://plnkr.co/edit/DNGiT83csWMmfYnHXOop

Cảm ơn bạn trước!

+0

Dòng 8 có lỗi, nếu bạn khắc phục điều đó, trang sẽ hiển thị tốt. –

+0

thú vị ... Tôi sửa chữa nó .. nhưng với bộ chuyển đổi ẩn nó không hoạt động. Chỉ trong đám mây ... –

Trả lời

14

Tôi gặp sự cố tương tự và có thể những gì tôi đã học có thể giúp bạn. Nó đi xuống đến sự khác biệt trong cách góc cạnh và jquery đi từ một trang/phần khác (định tuyến). Trước tiên, những điều cơ bản: các tuyến đường góc bằng cách chèn một đoạn html vào chế độ xem của bạn, sau đó nhấp vào bất kỳ thao tác nhấp/hành động nào, xóa html đó khỏi chế độ xem và thêm một đoạn html mới. Về cơ bản bạn đang ở trên cùng một trang tất cả các thời gian; nó chỉ là html bao gồm đang thay đổi. Ngược lại, hãy nghĩ về jqm khi tải tất cả html vào cùng một trang, với những khối html đó là divs. Thay vì loại bỏ khối html và thay thế chúng (thông qua định tuyến), nó chỉ biến divs và tắt. (Có nhiều ứng dụng jqm nhiều trang nhưng SPA thực sự làm nổi bật sự khác biệt.)

Đề xuất của tôi là chọn tập hợp các tính năng bạn thực sự muốn: tải tối giản của góc (chỉ khi bạn cần), hoặc chuyển tiếp hào nhoáng của jqm và tích hợp các tính năng. Nếu bạn có một ứng dụng lớn với rất nhiều dữ liệu trên mỗi trang, bạn có thể muốn bỏ qua jqm và sử dụng góc một mình và xem bạn có thể làm gì với các chức năng animate mới của góc. Nó sẽ có nghĩa là bạn sẽ cần phải xây dựng (thông qua CSS hoặc javascript) bản sao của các tính năng jqm - và từ những gì tôi đã nhìn thấy, bạn có thể nhận được gần nhưng nó sẽ không hoàn toàn được vui vẻ sắp xếp hợp lý như jqm.

Nếu tính năng tích hợp jqm là những gì bạn thực sự muốn, sau đó bỏ qua sử dụng định tuyến của góc. Nó sẽ chỉ giới thiệu tất cả các loại biến chứng, anyway. Thiết lập các trang của bạn bằng cách sử dụng mẫu của jqm và chỉ sử dụng góc ở nơi bạn đang xử lý dữ liệu.

Những gì tôi thấy hoạt động tốt nhất là xử lý nó giống như ứng dụng jqm tổng thể và chỉ thêm góc vào các phần bạn cần. Sau khi tất cả, bạn không cần phải thêm ng-app tại dòng html; bạn có thể thêm nó vào một div đơn nếu cần. Kể từ khi jqm là hạnh phúc nhất là một loại toàn hệ thống của điều, trong khi góc là chỉ phạt tiền được giới hạn trong các phần trong một hệ thống, cho đến nay tôi đã tìm thấy jqm toàn bộ và góc-phần là cách đơn giản nhất để có được tốt nhất của cả hai thế giới.

+0

Xin chào kl02, câu trả lời rất hay và chi tiết. Tôi sắp bắt đầu một dự án mới bằng cách sử dụng libs đã đề cập và tôi sẽ làm theo cách bạn đề xuất, tôi đoán nó sẽ hoạt động. Trong khi đó, bạn có bất kỳ mẫu sống hoặc dự án nhỏ để hiển thị bắt đầu? –

+0

Xin lỗi, chưa đăng ký trực tuyến. Tôi sẽ cố gắng để làm một plunkr nhỏ cuối tuần này để chứng minh. – kl02