问题标签 [angular]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
7117 浏览

angular - Angular2 中的注射剂

我正在玩Angular2。作为基础,我使用了angular.io页面中的快速入门项目。

一切似乎都很好,但是一旦我尝试将服务(ItemService)注入我的服务,AppComponent我就会得到以下异常:

Token(ComponentRef) 实例化期间出错!。原始错误:无法解析 AppComponent 的所有参数。确保它们都具有有效的类型或注释。

我在互联网上看到过类似的问题(包括 stackoverflow,例如这篇文章),但似乎都没有解决我的问题。有没有人有任何想法,问题可能是什么?

我还看到了一些解决方案(例如 Angular2 存储库中的解决方案),它们使用Injectable-annotation 装饰可注入类。但是这对我不起作用,因为它没有在angular.d.ts. 我使用了错误的版本吗?

您可以在以下 Plunker 中找到我的解决方案:http: //plnkr.co/edit/7kK1BtcuEHjaspwLTmsg

作为记录,您还可以在下面找到我的两个文件。请注意,app.js来自 Plunker 的是我下面的 TypeScript 文件生成的 JavaScript 文件,例外总是相同的。

index.html

js/app.ts

提前感谢您的任何想法!

0 投票
1 回答
58 浏览

javascript - 从 angular v2.0.0.0-alpha.22.ts 内部了解第一行(列表与数组)

我现在有一些空闲时间,并决定查看Angular 2 Quickstart

typings/angular2/angular2.d.ts文件内部line 11

我知道这一行发生了很多事情:

问题:

从javascript/ts的角度看List和Array有什么区别?

我什么时候应该考虑使用列表与数组?

使用列表与数组的示例是什么?

0 投票
1 回答
188 浏览

angularjs - Angular 2 迁移问题

我想尽可能地为 Angular 2 迁移准备我们的代码库。我知道目前还没有可靠的迁移策略,但我仍然担心两个问题:

  • 不再使用手表了。
  • 不再使用双向绑定。

假设我有一个指令,我想根据模型更改保持更新。没有手表我如何实现它?

如果这个指令是一个交互式元素并且我希望模型反映它的变化怎么办?如果没有双向绑定,我怎么能做到这一点?

(如果您有任何其他此类问题场景,请让我们提出它们并尝试找到解决方案。)

0 投票
1 回答
234 浏览

javascript - Angular2:TestApp 在 LightTable 中不起作用。错误:UncoatModuleInstantiator.getUncoatedModule

我想玩 Angular2 - 一个非常简单的开始!我只是将一些代码从 angular.io 复制到我的文件中。在 LightTable(集成浏览器)中,此代码不起作用:

main.js 的 JavaScript:

现在在 LightTable(浏览器)中,我收到以下错误消息:

在当前的 Firefox 中,它运行良好。我究竟做错了什么?非常感谢你!

0 投票
1 回答
651 浏览

javascript - 编译 5 分钟 QUICKSTART Angular 2.0 时出错

在添加行时 -

app.ts(1,12): 错误 TS1005: '>' 预期。

app.ts(1,16): 错误 TS1005: ';' 预期的。

app.ts(2,1):错误 TS1109:预期表达式。

0 投票
3 回答
7257 浏览

angular - 除非提供了“--module”标志,否则无法编译外部模块

使用带有 angularjs2 和 Typescript 1.5beta 的 Visual Studio 代码时出现问题。

错误:(3, 1) TS1148:除非提供了“--module”标志,否则无法编译外部模块。
错误:(6, 1) TS1205:装饰器仅在面向 ECMAScript 5 及更高版本时可用。

我可以使用 tsc -t es5 -m commonjs app.ts 使用命令行编译器运行相同的代码。同样的问题也出现在 webstorm 10.0.2 上。

0 投票
1 回答
3213 浏览

javascript - 使用 typescript 和 angular 2 进行 Karma 测试为“System.config”抛出 Typeerror

我对测试非常陌生,我使用 angular 2 作为学习的新起点。

错误:

问题:

如何补救 TypeError 和未捕获的引用错误,以便我的 main.spec.js 可以通过?


业力配置文件

测试/main.spec.js:

索引.html

应用程序.ts

0 投票
1 回答
1814 浏览

javascript - 从角度 1 移动到角度 2 所需的先决条件

目前我正在使用Angular V-1.3。我听说这与使用和实现方面Angular 2有很大不同Angular 1

范围、指令和其他功能的概念已被删除,并遵循 OO 编程模型。

因此,在迁移到 Angular 2 时,我是否需要了解 typescript/OOP 的概念。或者需要什么先决条件?

0 投票
4 回答
7388 浏览

typescript - 编译Angular2 ts文件

我正在使用 Typescript 尝试 Angular2,但我遇到了 tsc 的问题。

这是我的 tsconfig.json 文件:

这是我的 _all.ts 文件:

这是我的应用控制器:

通常运行tsc我得到一个输出文件(compiled.js),但是使用 angular2 我为每个 ts 文件得到一个 .js 文件(所以 tsc 不会合并输出)......

我注意到使用 import 语句存在问题:

省略这一行,输出被正确合并(但没有导入我无法使用该模块)。

我做错了什么?

0 投票
8 回答
61300 浏览

data-binding - Angular2双向数据绑定

我知道 Angular2 没有双向数据绑定,但有没有办法模仿 Angular1.x 的双向数据绑定行为?