Angularjs - 브라우저/플랫폼을 기반으로보기를 변경 하시겠습니까?

Question

사용자가 액세스하는 브라우저/플랫폼의 유형에 따라보기 (또는 라우팅을 사용하는 페이지)를 변경하는 내장형 서비스/지시문/경로가 있습니까? 휴대 전화와 태블릿이 데스크톱 사용자와 다른 시각을 가지기를 바랍니다.

Answer 1

Angular에 내장 된 항목을 모르지만 라우팅 규칙에 논리를 삽입하면됩니다. 이 예에서

angular.module('browser-routing', []). 
    config(function($routeProvider) { 
    $routeProvider. 
     when('/', {templateUrl: getBrowser() + '.html'}) 
}); 

, getBrowser()가 'iphone'를 반환하는 경우 그것은 당신이 BrowserDetect은 이름이 의미하는 일을하는 데 사용할 수있는보기 iphone.html

을 렌더링 예를 들면 다음과 같습니다.

fiddle example for Chrome and Firefox detection

Answer 2

, 그런 식으로 뭔가를 달성하는 방법에는 여러 방법이있다 밖으로의 상자 AngularJS와 그 작업을 수행하는 특정 기능을 가지고 있지 않지만 :

1. CSS3 media queries to make a responsive design를 사용하여이. 필요에 따라 여러 개의 뷰포트에 대한 기능을 다시 구현하지 않아도되므로 최선의 방법이 될 수 있습니다.

   myApp.factory('checkWidth', function ($location, $window) { 
       return function() { 
       if ($window.document.width < 700) { 
        $location.url('/mobile'); 
       } 
       } 
   }); 
   

:

당신은 확인하고 경로를 변경하는 서비스를 쓸 수 있습니다