在AngularJS中,兄弟组件之间的通信可以通过共享服务、事件总线或父级组件进行。以下是使用共享服务实现兄弟组件通信的示例代码:
$rootScope
对象或自定义服务来实现共享。// 创建共享服务
app.service('sharedService', function() {
var data = {}; // 存储要共享的数据
// 设置共享数据
this.setData = function(newData) {
data = newData;
};
// 获取共享数据
this.getData = function() {
return data;
};
});
setData
方法来设置要传递的数据。// 发送组件
app.controller('SenderController', function($scope, sharedService) {
$scope.sendMessage = function() {
var message = 'Hello, Receiver!'; // 要传递的数据
sharedService.setData(message); // 设置共享数据
};
});
getData
方法来获取共享的数据。// 接收组件
app.controller('ReceiverController', function($scope, sharedService) {
$scope.message = sharedService.getData(); // 获取共享数据
});
{{ message }}
通过以上步骤,发送组件将通过共享服务设置数据,接收组件将通过共享服务获取数据,并在页面上展示。这样就实现了兄弟组件之间的通信。