Angularjs 如何根据给定的路由选择下拉选项?

Angularjs 如何根据给定的路由选择下拉选项?,angularjs,Angularjs,我有一个下拉菜单ie html选择+选项 如果我用route/make/ROLLS-ROYCE/重新加载页面,我如何让下拉列表预选选项ROLLS-ROYCE var makes = ["ABARTH", "ALFA ROMEO", "ASTON MARTIN", "ROLLS ROYCE"] var homeApp = angular.module('homeApp', ['ngRoute']); homeApp.config(function ($interpolateProvider, $

我有一个下拉菜单ie html选择+选项

如果我用route/make/ROLLS-ROYCE/重新加载页面,我如何让下拉列表预选选项ROLLS-ROYCE

var makes = ["ABARTH", "ALFA ROMEO", "ASTON MARTIN", "ROLLS ROYCE"]
var homeApp = angular.module('homeApp', ['ngRoute']);

homeApp.config(function ($interpolateProvider, $routeProvider) {
    $routeProvider.when('/Make/:make', {controller: MakeModelCtrl, template:''})
    $routeProvider.otherwise({controller: MakeModelCtrl, template:''})
});

function MakeModelCtrl($scope, $location, $routeParams) {
    console.log($scope, $location, $routeParams)
}

使用route,这将填充下拉列表,控制台将显示{make:ROLLS-ROYCE}的routeParam。选项值为0..n,具有各种名称

如何使下拉选项与url参数匹配? 我应该使用ngRoute吗?还是地点?
有更好的方法吗?

您需要关注路由更改成功事件routeChangeSuccess MakeModelCtrl

您可以根据路线图设置您的品牌

$scope.$on('$routeChangeSuccess', function() {
       $scope.make=$routeParams.make;
});
$scope.$on('$routeChangeSuccess', function() {
       $scope.make=$routeParams.make;
});