Có bất kỳ dịch vụ/chỉ thị/tuyến đường được xây dựng nào để thay đổi chế độ xem (hoặc định tuyến sử dụng trang) dựa trên loại trình duyệt/nền tảng mà người dùng đang truy cập không? Tôi muốn điện thoại và máy tính bảng có chế độ xem khác với người dùng máy tính để bàn.Angularjs - thay đổi chế độ xem dựa trên trình duyệt/nền tảng?
8
A
Trả lời
7
Tôi không biết bất cứ thứ gì được tích hợp vào Góc, nhưng bạn có thể làm điều này bằng cách chèn logic vào các quy tắc định tuyến của bạn. Ví dụ:
angular.module('browser-routing', []).
config(function($routeProvider) {
$routeProvider.
when('/', {templateUrl: getBrowser() + '.html'})
});
Trong ví dụ này, nếu getBrowser() trả về 'iphone'
nó sẽ làm cho cái nhìn iphone.html
Bạn có thể sử dụng BrowserDetect để làm những gì tên của nó.
2
Mặc dù AngularJS không có bất kỳ tính năng đặc biệt để làm điều đó out-of-the-box, có nhiều cách tiếp cận khác nhau để hoàn thành một cái gì đó như thế:
- Sử dụng CSS3 media queries to make a responsive design. Tùy thuộc vào nhu cầu của bạn, đây có thể là đặt cược tốt nhất của bạn, vì bạn có thể tránh tái triển khai các tính năng cho nhiều chế độ xem.
Bạn có thể viết một dịch vụ để kiểm tra và thực hiện thay đổi tuyến đường:
myApp.factory('checkWidth', function ($location, $window) { return function() { if ($window.document.width < 700) { $location.url('/mobile'); } } });
Các vấn đề liên quan
- 1. Chế độ xem dựa trên lớp VS Các chế độ xem dựa trên chức năng
- 2. Sửa đổi chế độ xem dựa trên ACL trong CakePHP
- 3. Thay đổi màu chế độ dòng Emacs dựa trên chế độ chính
- 4. NSDateFormatter trong chế độ xem dựa trên NSTableView
- 5. Nền tùy chỉnh trong NSTableView dựa trên chế độ xem
- 6. Chế độ xem dựa trên Lớp gọi điện thoại Django từ chế độ xem lớp khác
- 7. Cách thêm hàng trong NSTableView dựa trên chế độ xem?
- 8. select_related() trong chế độ xem chung dựa trên lớp học
- 9. xóa chế độ xem phụ UIView dựa trên thẻ?
- 10. Bộ lọc NSTableView dựa trên chế độ xem + hoạt ảnh
- 11. Thêm cột có lập trình (với các ràng buộc) vào NSTableView dựa trên chế độ xem?
- 12. Có ai đã tự cập nhật chế độ xem bảng có thể thay đổi dựa trên RACSignal không?
- 13. Hoạt ảnh khi thay đổi chế độ xem văn bản
- 14. angularjs Xem các thay đổi về rootscope
- 15. Cách chỉ định chế độ xem 404 tùy chỉnh cho Django bằng Chế độ xem dựa trên lớp?
- 16. Làm thế nào để thay đổi chế độ từ chế độ C++ 98 trong Dev-C++ sang chế độ hỗ trợ C++ 0x (phạm vi dựa trên)?
- 17. Thêm chế độ xem của trình điều khiển chế độ xem con vào chế độ xem phụ của bộ điều khiển chế độ xem cha mẹ
- 18. Quản trị Django - Chế độ xem thay đổi tùy chỉnh
- 19. Thay đổi chế độ xem mặc định của Jenkins
- 20. Chế độ xem không được cập nhật trong AngularJS
- 21. Vim: Thay đổi chế độ xem nhanh chóng ở chế độ bình thường
- 22. Trình xem lật đổ dựa trên web
- 23. Thay đổi chế độ xem UIBarButtonItem để minh bạch theo chương trình
- 24. Góc: tắt di chuyển lên trên cùng khi thay đổi chế độ xem
- 25. Android: Thay đổi vị trí tuyệt đối của chế độ xem theo chương trình
- 26. Tạo chế độ xem lưới trên iOS
- 27. Thay đổi chế độ xem trên Menu Mục trong Thanh tác vụ
- 28. CGAffineTransform thay đổi chế độ xem.bounds?
- 29. Lập trình thay đổi thuộc tính sản phẩm ở cấp chế độ xem cửa hàng
- 30. Tự động thay đổi kích thước chế độ xem phụ được tạo theo chương trình