AngularJS中的通信(发布订阅模式)

2014-9-29 10:26| 发布者: joejoe0332| 查看: 7108| 评论: 0

摘要: 现在几乎满世界的人都在问! 外面有人么? 这里是 USS AngularJS, 我们遇到麻烦了，我们的服务讲得是克灵贡语（Klingon）而我们的控制器不能同它们的Ferengi 指令通信了. 有人能帮助我们么! ...

用于控制器通信的控制器

　　我们也可以将 the requestNotificationChannel 用于控制器间的通信. 我们只需要有一个控制器扮演发布者的角色，而另外一个控制器扮演订阅者的角色就行了. 如果你观察到前段代码第11行view1-controller的onEdit方法，你会看到它发送了一个editData消息，消息包含需要使用 requestNotificationChannel 编辑的项. 下面的 view2-controller 从第5行到第9行将它的 onEditDataHandler 用 requestNotificationChannel 进行了注册. 如此无论何时view1-controller一旦发送editData消息，带上要修改的项，view2-controller都会受到editData消息的通知，获得该项并将其更新到它的模型.

    //define the controller for view1
    .controller('view2-controller', ['$scope', 'dataService', 'requestNotificationChannel', function($scope, dataService, requestNotificationChannel) {
        $scope.hop = null;
 
        var onEditDataHandler = function(item) {
            $scope.hop = item;
        };
 
        requestNotificationChannel.onEditData($scope, onEditDataHandler);
 
        $scope.onSave = function() {
            dataService.saveHop($scope.hop);
            $scope.hop = null;
        }
 
        $scope.onCancel = function() {
            $scope.hop = null;
        }
    }]);

写一个好的接口文档

　　有一件事情可能会被忽略，我们在组件间用了通信接口，而这些接口，它们需要一个好的文档来说明应当如何使用。上面的例子中，如果没有文档，用户肯定不会知道 onEditData 会给回调函数传一个待编辑数据。所以当你开始用这个模式，用好的技巧在于，给方法写注释文档，以确保通知服务明确知道发生了什么事情。

总结

　　好了，我们探讨了如何在你的 AngularJS 应用中使用订阅/发布模式来实现模块间通信。该模式可以让你的模块从内部消息解耦，更便于复用。你甚至可以把模块之间的通信全部替换成订阅/发布模式。尤其当你的服务中有很多异步请求，以及你希望把数据缓存在服务中，从而减少和服务器通信的时候，这种模式相当有效。

　　我希望这对你有所帮助，你可以在我的 GitHub 仓库 angularjs-pubsub 下找到例子的代码。

12 / 2 页在本页阅读全文