技术原理

如何在AngularJs中实现依赖注入

依赖注入是一种软件设计模式,它指定组件获取其依赖的方式。组件被赋予它们的依赖性,而不是硬编码它们。使用依赖注入可以实现可重用性和可维护性。在AngularJs中的最高依赖注入可以通过以下组件完成:

值依赖注入AngularJs Provider常量中的工厂注入服务注入

值依赖注入

AngularJs中的一个简单对象是被称为价值。它可以是字符串、数字,甚至是JavaScript对象。它可用于在运行和配置阶段传递工厂、服务或控制器中的值。

示例:

//定义模块

var firstModule=角度模块(“firstModule”,[]);

//创建一个值对象并将数据传递给它

firstModule.value值(“数字值”,50);

firstModule.value值(“stringValue”,“xyz”);

firstModule.value值(“objectValue”,{val1:456,val2:“xyz”});

在本例中,使用value()函数定义值。值的名称由第一个参数指定,第二个参数指定值。这使工厂、服务和控制器能够通过名称本身引用这些值。

注入值

我们可以通过添加与该值同名的参数将值注入AngularJs控制器函数。

示例:

var firstModule=角度模块(“第一模块”,[]);

firstModule.value值(“numberValue”,18);

第一模块控制器(“FirstController”,函数($scope,numberValue){

控制台.log(numberValue);

});

工厂注入

创建值的函数称为工厂。每当服务或控制器需要从工厂注入值时,工厂就会创建按需值。一旦值被创建,它将被所有服务和控制器重用。

它使用工厂函数计算并返回值。

示例:

var firstModule=角度模块(“第一模块”,[]);

第一模块工厂(“firstFactory”,function(){

返回“值”;

});

第一模块控制器(“FirstController”,函数($scope,firstFactory){

控制台.log(firstFactory);

});

将值注入工厂

可以通过以下方法将值注入工厂:

var firstModule=角度模块(“第一模块”,[]);

firstModule.value值(“numberValue”,29);

第一模块控制器(“FirstController”,函数($scope,numberValue){

控制台.log(numberValue);

});

必须注意,由工厂函数生成的值是注入的,而不是工厂函数本身。让我们继续介绍AngularJs中的依赖注入这篇文章。

AngularJs中的服务注入

包含一组函数的单例JavaScript对象在AngularJs中称为服务。服务执行所需的逻辑包含在函数中。可以通过对模块使用Service()函数来创建服务。

示例:

//定义模块

var firstApp=角度模块(“firstApp”,[]);

//创建一个服务,该服务定义一个方法平方来返回数字

的平方firstApp.service服务(“电话服务”,函数(MathService){

这个正方形=函数(x){

返回MathService.multiply(x,x);

}

});

//将服务“calicservice”注入控制器

第一个应用程序控制器('钙化控制器全球罗斯。

有问题要问我们吗?请在AngularJs中的这个依赖注入的注释部分提到它,我们将回电给您

你也可能喜欢

发表评论

您的电子邮件地址不会被公开。 必填项已用 * 标注

提示:点击验证后方可评论!

插入图片
人工智能培训学费 投稿者
我还没有学会写个人说明!
最近文章
  • * 没有更多文章了
  • 热门搜索

    分类目录