AngularJS依赖注入交换实现

 陈俊隽 发布于 2023-02-09 11:03

我还在学习AngularJS,并对他们的依赖注入风格有疑问.例如,假设我有一个DataProcessor服务,它有一个processData接受uri参数的方法,它需要读取该数据(可能是xml,json等),然后对它执行一些操作.该DataProcessor构造函数接受一个的实现DataReader,它知道如何读取某个文件类型的接口.以下是我所说的一些示例服务:

// implementations of the DataReader interface
myApp.service('XmlDataReader', function() {
    this.readData = function(uri) {
        // read xml data from uri
    }
}]);

myApp.service('JsonDataReader', function() {
    this.readData = function(uri) {
        // read json data from uri
    }
}]);

// data processing service that takes in an implementation of a DataReader
myApp.service('DataProcessor', ['DataReader', function(DataReader) {

    this.processData = function(uri) {
        var readData = DataReader.readData(uri);

        // process data and return it
    }
}]);

从典型的依赖注入角度来看,DataReader可以将特定类型传递给DataProcessor并使用,如下所示:

var dataProcessor = new DataProcessor(new JsonDataReader());
var processedData = dataProcessor.processData('dataz.json');

AngularJS的做法是什么?

1 个回答
  • 这是一篇关于这个主题的好文章http://phonegap-tips.com/articles/conditional-dependency-injection-with-angularjs.html

    2023-02-09 11:07 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有