Foundation và AngularJS

Question

Tôi đang sửa đổi một ứng dụng bằng cách sử dụng khung nền tảng của Zurb để đáp ứng và AngularJS. Có lỗi trong đó dữ liệu được hiển thị trong một bảng có số <tr ng-repeat="obj in entries">...</tr> có số <td> bị ẩn/hiển thị dựa trên các quy tắc phản hồi của Quỹ. Thật không may, khi mô hình góc được cập nhật, Foundation không tái luồng DOM mới được hiển thị.

Tôi đã thử sử dụng $(document).foundation('table') như tôi đã tìm thấy trong tìm kiếm rộng rãi trên google, nhưng điều này không thực sự kích hoạt bản tóm tắt của bảng thu gọn đáp ứng. Tôi cũng đã thêm một chỉ thị để kích hoạt một đơn giản $(window).trigger('resize') hoạt động cho cuộc gọi đầu tiên, nhưng mọi cuộc gọi tiếp theo thì không.

Bất kỳ ai khác đều gặp phải vấn đề này?

Answer 1

Bạn đang pha trộn hai công nghệ không chơi tốt với nhau.

Các tài sản JS được cung cấp bởi Zurb Foundation chắc chắn sẽ có xung đột với chu trình tiêu hóa trong AngularJS. Vì lý do này --- Angular-Bootstrap dự án nổi lên để chuyển đổi jquery plugins thành AngularJS chỉ thị.

http://angular-ui.github.io/bootstrap/

Tôi không tin cùng một mức độ hỗ trợ, "nếu có", được trang bị để Zurb Foundation.

Answer 2

Giao diện người dùng góc Bootstrap không hoàn toàn là khung bất khả tri nên chúng tôi phải thực hiện một số sửa đổi để thích ứng với Foundation. Bạn có thể xem kết quả và mã ở đây: http://madmimi.github.io/angular-foundation/.

Answer 3

Bạn không bị buộc phải sử dụng Bootstrap với Angular mọi lúc.

Bạn có thể sử dụng dự án này tại đây http://madmimi.github.io/angular-foundation/ cố gắng thực hiện tương tự như UI BOOTSTRAP.

Bạn cũng có thể tham khảo chủ đề này Using Zurb Foundation Interchange with AngularJS

Hy vọng điều này sẽ hữu ích!