Angularjs 如何根据给定的路由选择下拉选项?
我有一个下拉菜单ie html选择+选项 如果我用route/make/ROLLS-ROYCE/重新加载页面,我如何让下拉列表预选选项ROLLS-ROYCEAngularjs 如何根据给定的路由选择下拉选项?,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, $
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;
});