angularjs의 드롭 다운에서 새 페이지로 리디렉션하는 방법

Question

GO 단추와 함께 드롭 다운 목록을 만들고 싶습니다. 그런 식으로 내가 드롭 다운 목록에서 첫 번째 항목을 클릭하면 첫 번째 항목 정보 html 페이지로 이동해야합니다 버튼의 도움으로 내가 목록을 드롭 다운 외에 생성해야합니다. 같은 방법으로 내가 두 번째 항목 정보 html 페이지로 리디렉션해야합니다 드롭 다운 목록에서 두 번째 항목을 클릭하면.

Answer 1

컨트롤러의 기능을 트리거하는 <select>에 ng-change = "redirectTo()"태그를 추가 할 수 있습니다. 컨트롤러에서 리디렉션 할 위치를 확인하려면 모델을 확인하십시오.

Answer 2

나는 당신의 라우팅 메커니즘을 알고 있지만, 그냥,이 같은 것을 할 수있는 간단한 $window.location을 사용하는 말을하지 않습니다 :

<select ng-options="route as route for route in routes" 
     ng-model="goToRoute"></select> 
<button ng-click="redirectToRoute()">Go!</button> 

그리고 당신의 컨트롤러 :

$scope.routes = ["http://www.google.com", "http://www.somesite.com"]; 

$scope.redirectToRoute = function() { 
    // redirect logic 
    var route = $scope.goToRoute; 
    $window.location.href = route; 
} 

Answer 3

데모를 Jsfiddle

<select ng-change='redirectTo("login")' ng-model="goto"></select> 

변경시 다음 코드를 추가해야합니다. 당신이

$stateProvider 

를 사용하는 경우가

$routeProvider 

를 사용하는 경우 nippet

는 다음 사용

$location.url('#/home'); // without params 
$location.url('#/home/123'); // with params 

를 사용하거나

$state.go('home'); // without params 
$state.go('home', {id:123}); // with params