个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
26
4
我刚刚开始破解 Angular 2，现在我正在尝试开发我的第一个“真实世界”应用程序。它的目的是从 restfull web 服务中检索数据，所以我写了这段代码:
boot.ts:
import {bootstrap} from 'angular2/platform/browser'
import {AppComponent} from './component/app.component'
import {Http, Headers} from 'angular2/http';
bootstrap(AppComponent);
应用程序组件.ts:
import {Component} from 'angular2/core';
import {AuthComponent} from './auth.component';
@Component({
selector: 'my-app',
templateUrl: 'app/template/my-app.html',
styleUrls: ['app/style/my-app.css'],
directives: [AuthComponent]
})
export class AppComponent {
}
auth.service.ts:
import {Injectable} from 'angular2/core';
import {Http, Headers, HTTP_PROVIDERS} from 'angular2/http';
import {toPromise} from 'rxjs/operator/toPromise';
import {Credentials} from '../model/credentials';
@Injectable()
export class AuthService {
headers : Headers;
http: Http;
constructor(headers: Headers, http: Http){
console.log('CHAMOU CONSTRUTOR SERVICE');
this.headers = headers;
this.http = http;
this.headers.append('Content-Type', 'application/json');
}
}
index.html:
<html>
<head>
<title>MegaSíndico</title>
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
<!-- 1. Load libraries -->
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
<!-- 2. Configure SystemJS -->
<script>
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
}
}
});
System.import('app/boot')
.then(null, console.error.bind(console));
</script>
</head>
<!-- 3. Display the application -->
<body>
<my-app>Loading...</my-app>
</body>
</html>
我的控制台出现了这个奇怪的语法错误:
Uncaught SyntaxError: Unexpected token <
Evaluating http://localhost:3000/angular2/http
Error loading http://localhost:3000/app/boot.js
这真的很奇怪，因为当我删除服务层的构造函数时它起作用了，我的 html 呈现在浏览器上。
最佳答案
根据提供的信息，您使用的任何模块加载器都在尝试加载 http://localhost:3000/angular2/http，并且您的 Web 服务器可能返回带有 HTML 的 404文档主体，模块加载器尝试将其评估为 JavaScript 但失败了。如果您查看浏览器的网络选项卡，您可以确认是这种情况。
因为你没有说你正在尝试使用哪个模块加载器，所以不可能说出你需要做什么来正确配置它，但基本上:你的模块加载器配置不正确并且没有应用正确的路径/文件扩展名映射到您的导入。它需要(至少)将 .js 添加到导入的模块路径，以便从服务器上的正确 URL 加载。
关于angular - 服务构造函数上的 DI 错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34689075/
26
4
0
在我的 ZF2 应用程序中，我使用 Zend\Di\Di创建我所有的类实例。使用 Zend\Di\Definition\CompilerDefinition 扫描 DI 定义并使用 APC 缓存。这避
为什么人们使用 Spring DI 而不是 JSR330 DI？我看到许多项目仍在高速推进，而 spring DI 却忽视了 JSR330 规范。许多人甚至不知道它的存在。是不是它的营销力度不够，而
我正在使用 spring 制作一个 Web 应用程序，在 web.xml 中我定义了 context-param 来查找 application-context.xml 文件，该文件扫描除 Contr
给定的是 Intel 8086 处理器的汇编程序，它将数组中的数字相加: .model small .stack 100h .data array dw 1,2,3,1,2 sum
.NET 和 Java 都有大量可用的 DI/IoC 容器，并且每个 有许多我发现在不同方面非常有用的模式 与他们合作。我现在正处于我想做等价的地步 JavaScript 中的东西。由于 JavaSc
我有一个使用 Spring 进行 DI 的 Swing 项目，现在我正在尝试迁移到 Eclipse 4 和 OSGi. 使用 Spring 的配置文件，用户可以注释/取消注释 bean，以添加/删除功
Spring 有两种两种类型的 DI:setter DI 和构造 DI。 基于构造函数的 DI 修复了需要注入(inject)依赖项的顺序。基于 Setter 的 DI 不提供此功能。 基于 Sett
TL;博士 在 JCenter 访问 Kodein 核心包是未经授权的。 详情 我们正在使用 Kodein 进行依赖注入(inject)，但是当 Gradle 尝试下载任何 org.kodein.*
我已经使用 NInject 一段时间了，现在我将在 Asp.net Core 中开始一个项目。好像NInject cannot be used with Asp.net Core .所以现在我的问题是
目前缺乏有关 DI 主题的文档 - Dependency Injection 。与现有解决方案(Ninject、Autofac、StructureMap)相比，使用内置 DI 有何优点/缺点？默认依赖
我想做的是将两个 Actor (木乃伊 Actor 和爸爸 Actor )传递给小 Actor 。由于使用 actor 引用而不是 actor 是最佳实践，因此我使用 IActorRef 将木乃伊 a
我是 MQL4 的菜鸟，我正在编写我的第一个 EA。 我的目标是获取 ADX 指标的 +DI 和 -DI 的变量。 我使用了 iADX() 函数，如下所示: double a; int OnInit(
我有一个环境，有 4 个相同的设备，我必须连接到这些设备并通过 TCP 连接请求一些参数(每个设备都有其 IP 地址)。 我为需要一些参数的单个设备实现了一个类(如 IP 地址、端口、轮询间隔等...
我正在尝试将 DI(使用 Autofac)引入现有的 Windows 窗体应用程序。 此应用程序有一个基本的插件架构，其中每个插件都显示自己的表单。在启动时，应用程序会扫描已注册的程序集以查找实现 I
我有一个基于 .NET Core API Gateway 的项目。我想引入依赖注入(inject)(di)，因为我需要引入的很多包都是基于这种模式的，所以需要使用 IServiceCollection
我正在尝试使用蛋糕模式进行依赖注入(inject)，如下所示: trait FooComponent { val foo: Foo trait Foo; } trait AlsoNeedsFo
我即将创建一个桌面应用程序(使用 .NET windows 窗体) 本质上，我想创建一个 n 层应用程序，但我也想要层之间的松散耦合。但是，我不太确定这是否是 Windows 窗体的好方法 现在我只是
我想在我的一个项目中使用依赖注入(inject) (DI)。我写了一个基本的 DI 库，其工作原理如下 let di = new DI(); di.register('screen', Screen)
在: module.directive 'name', -> (scope, element, attr) -> # Whatever implemenation 链接函数的 scope、
我使用这个库https://github.com/smsapi/smsapi-php-client从站点发送短信。但是当我尝试处理服务中的基类时遇到了问题。所以我的问题是有没有办法用参数调用静态方法？
我是一名优秀的程序员,十分优秀！