资质 | AngularJS 测验 |第 2 组 |问题 11

简介

AngularJS是一个流行的开源JavaScript框架，用于开发Web应用程序。它旨在使Web开发更容易，同时提供一些功能，如数据绑定、依赖注入、路由等等。

问题描述

在AngularJS中，如何在控制器中传递参数？

解答

在AngularJS控制器中，可以使用以下方法传递参数：

方法一：路由参数

可以通过URL参数传递参数。在控制器中可以使用$routeParams来获取这些参数的值。

例如，定义路由时可以这样写：
$routeProvider.when('/user/:userId', {
  templateUrl: 'user.html',
  controller: 'UserController'
});

在控制器中可以这样获取参数：

app.controller('UserController', function($scope, $routeParams) {
  $scope.userId = $routeParams.userId;
});

方法二：服务

可以将参数定义为服务，然后在控制器中调用该服务。

例如：
app.service('UserService', function() {
  this.userId = 1;
});

在控制器中可以这样获取参数：
app.controller('UserController', function($scope, UserService) {
  $scope.userId = UserService.userId;
});

方法三：作用域

可以将参数设置为作用域的属性，然后在控制器中访问该属性。

例如：
<div ng-controller="UserController">
  <input type="text" ng-model="userId"></input>
</div>

在控制器中可以这样获取参数：
app.controller('UserController', function($scope) {
  $scope.userId = 1;
});

以上就是几种在AngularJS中传递参数的方法。根据实际应用场景，选择合适的方法传递参数即可。