angular2 依赖注入新坑。

昨天经理说要改经纬度的格式,然后今天就着手搞。

搞了一上午,发现在原有的 input标签里做出来有瑕疵。

然后,下午就用angular2的 onchanges 监听来做。

做到后面,需要 传值的时候,自己写的测试应用就出毛病了。

在写依赖注入服务的时候,文件引用我是直接写在 index.ts里面的,

结果,就出毛病了。报错:

Can‘t resolve all parameters for OnchanComponent: (?).

这是不认识注入的这个服务。

弄了许久,都没发现问题所在。

结果群里问了下大佬。

大佬让改引用地址,不要用 index.ts里面的,

用index.ts里面的为: import {GlobalService} from ‘../‘

不用index.ts为: import {GlobalService} from ‘../global.service‘;

然后,就没毛病了!!

又是一个坑啊~~~~~~~~~~~~~~~

时间: 2024-10-08 06:45:09

angular2 依赖注入新坑。的相关文章

Angular2 依赖注入

1. 使用DI 依赖注入是一个很重要的程序设计模式. Angular 有自己的依赖注入框架,离开了它,我们几乎没法构建 Angular 应用.它使用得非常广泛,以至于几乎每个人都会把它简称为 DI. 我们来看一个简单的例子: export class Animal { dogs; constructor() { var dog = new Dog(); } } 我们的Animal在构造函数中手工创建所需的每样东西.问题在于,我们这个 Animal类过于脆弱.缺乏弹性并且难以测试. 当我们的Ani

angular2依赖注入——注入器的使用

一.显示注入器 injector = ReflectiveInjector.resolveAndCreate([Car, Engine, Tires]); let car = injector.get(Car); 二.单例服务 在一个注入器的范围内,依赖都是单例的,因为他们共享一个Service实例 三.多例服务 Angular DI是一个分层的依赖注入系统,这意味着嵌套的注入器可以创建他们自己的服务实例. 四.@injectabled的作用 标识一个类可以被注入器实例化. 通常,在试图实例化没

[javascript] 反射与依赖注入!

对于javascript中的反射的理解,一直都是认为,利用数组对回调函数进行保存,之后在适当的时刻利用call或是apply 方法,对回调进行调用即可,一般如下操作: 首先定义两个方法: var service = function() { return { name: 'Service' }; } var router = function() { return { name: 'Router' }; } 我们有另一个函数需要用到这两个模块. var doSomething = functio

angular2的依赖注入

更好阅读体验,请看原文 在读这篇文章之前,你要先了解一下什么是依赖注入,网上关于这个的解释很多,大家可以自行Google. 我们这一篇文章还是以QuickStart项目为基础,从头开始讲解怎么在Angular2中使用依赖注入,如果你按照本篇文章中讲解的示例亲自走一遍的话,你一定能够掌握如何在Angular2中使用依赖注入.好,废话不多说,开始我们今天的旅行吧! 我们首先将项目中的内联模板替换为一个模板文件,使用templateUrl替换template: @Component({ selecto

Spring -- 4.0新特性 -- 泛型依赖注入

泛型依赖注入为spring4.0版本新增加的特性. 目录结构 BaseService.java类 public class BaseService<T> { @Autowired private BaseRespository baseRespository; public void save() { System.out.println("Base Class save method"); System.out.println(baseRespository); } }

Angular2基础03: 理解依赖注入

理解依赖注入injector 依赖注入是重要的程序设计模式. Angular 有自己的依赖注入框架,离开了它,几乎没法构建 Angular 应用.下面我分步来加强我对它的理解: 开门见山,什么是依赖注入:它是一种编程模式,可以让类从外部源中获得它的依赖,而不必亲自创建它们 第一步:为什么要解耦? 第二步:实现解耦

使用dagger2进行依赖注入(基础篇)

0. 前言 Dagger2是首个使用生成代码实现完整依赖注入的框架,极大减少了使用者的编码负担,本文主要介绍如何使用dagger2进行依赖注入.如果你不还不了解依赖注入,请看这一篇. 1. 简单的依赖注入 首先我们构建一个简单Android应用.我们创建一个UserModel,然后将它显示到TextView中.这里的问题是,在创建UserModel的时候,我们使用了前文所说的hard init.一旦我们的UserModel的创建方式发生了改变(比如需要传入Context对象到构造函数),我们就需

研究 Spring MVC 将请求分发到 Spring 依赖注入的类实例

太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. 一上午时间,碰了 N 个钉子,不断地把钉子拨掉,记录一下选择的工具和方法: 1.首先 Spring Mvc 框架的下载,那么有三个包是必不可少的:

从壹开始前后端分离【 .NET Core2.0 Api + Vue 3.0 + AOP + 分布式】框架之九 || 依赖注入IoC学习 + AOP界面编程初探

代码已上传Github,文末有地址 说接上文,上回说到了<从壹开始前后端分离[ .NET Core2.0 Api + Vue 2.0 + AOP + 分布式]框架之八 || API项目整体搭建 6.3 异步泛型+依赖注入初探>,后来的标题中,我把仓储两个字给去掉了,因为好像大家对这个模式很有不同的看法,嗯~可能还是我学艺不精,没有说到其中的好处,现在在学DDD领域驱动设计相关资料,有了好的灵感再给大家分享吧. 到目前为止我们的项目已经有了基本的雏形,后端其实已经可以搭建自己的接口列表了,框架已