2012-08-27 26 views

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ó.

fiddle example for Chrome and Firefox detection

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ế:

  1. 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.
  2. 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