在Angular.js中,可以通过$scope进行组件之间的数据传递。以下示例演示了如何将数据从一个控制器传递到另一个控制器。
HTML:
Received Data: {{receivedData}}
JavaScript:
var myApp = angular.module('myApp', []);
myApp.controller('ctrl1', function($scope, $rootScope) {
$scope.data = null;
$scope.sendData = function() {
$rootScope.$broadcast('dataPassed', $scope.data);
};
});
myApp.controller('ctrl2', function($scope) {
$scope.receivedData = null;
$scope.$on('dataPassed', function(event, args) {
$scope.receivedData = args;
});
});
在控制器1中,我们使用$rootScope.$broadcast方法传递数据,并将其存储在args参数中。控制器2通过使用$scope.$on方法来侦听事件,接收传递的数据并将其存储在receivedData变量中。