问题标签 [angular-rc5]

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 投票
1 回答
127 浏览

angular - angular 2 RC5:platform-b​​rowser.umd.js:937 例外:错误:未捕获(承诺):

我正在使用服务提出请求。

主页.service.ts

我将此服务用于主页组件

主页.component.ts

在我的模板中,我这样做:

它返回以下错误:

所以我试试这个:

debug 是我创建的一个特殊管道,用于确保它返回值,并且它返回下面的值:

但是如果我尝试使用description属性或goTo属性,它会返回我之前提到的错误。

并且不明白这会发生什么?

欢迎所有帮助!

0 投票
2 回答
109 浏览

angular - 从 rc.4 更新后,Angular 2 rc.5 无法刷新页面

我刚刚将我的应用程序从 rc.4 更新到 rc.5,我遇到了一个奇怪的错误。

当我点击时,localhost:8080我按预期重定向到localhost:8080/browse,但是当我点击浏览器刷新按钮时,我收到以下错误:Cannot GET /browse.

注意:在将哈希添加到 URL 之前,即 localhost:8080/#/browse 但不是没有添加。

这是我的路线:

0 投票
2 回答
3644 浏览

forms - angular 2 rc5中基于模型的表格不起作用

我正在将代码从 angular beta 迁移到 RC5 版本。我面临使用基于模型的表单的问题。因为我已经在 Angular 2 beta 中开发了很多形式。我很难将基于模型的表单更改为基于模板的表单。非常感谢表单迁移方面的任何帮助。

我现有的代码是这样的

个人资料.ts

profile.HTML 中的模板如下

我在控制台中面临以下错误。

异常:错误:未捕获(承诺):异常:/assets/scripts/my-profile/my-profile.html:176:66 中的错误原始异常:ngModel 不能用于使用父 formGroup 指令注册表单控件。尝试改用 formGroup 的合作伙伴指令“formControlName”。例子:

0 投票
3 回答
1271 浏览

angular - Angular-cli RC 5 向 app.module.ts 添加多个组件

在我的 Angular-cli RC5 项目中,我正在尝试创建图表。

  1. 创建了一个新组件作为“图表”
  2. 创建了一个指令为“line-graph.directive.ts”

文件夹结构。

在此处输入图像描述

app.module.ts

chart.component.html

然后,我在 app.component.html 中添加了如下内容。

然后“图表有效!” 当我运行应用程序时应该显示行。

但事实并非如此。

图表组件.ts

线图.directive.ts

app.component.ts

关于我的代码做错了什么的任何建议。

谢谢你

0 投票
1 回答
3908 浏览

angular - Angular 2 Pipes 在 ngOnInit 之前执行

我在 Angular 2 RC5 中实现了一个自定义管道,它处理我从服务器获取的数据。我遇到的问题是 PipengOnInit在我调用服务器之前执行。

作为测试,我将一个已经填充的列表传递给了 Pipe 并且一切都按预期工作。我遇到的唯一问题是管道在页面呈现时执行。所以这种情况下的列表是空的。

有没有办法“延迟”页面的呈现,以便在 Pipe 执行时它可以从服务器检索数据?

这是我的代码示例:

零件

管道

模板

0 投票
1 回答
1777 浏览

angular - ngOnInit 中的 Angular 2 RC5 测试承诺不起作用

我正在尝试使用 Jasmine 测试名为 MyDirective 的结构指令。使用的 Angular 版本是 RC5。

getData 方法在 MockService 类中被覆盖,而 isValid 方法(MyService 的静态方法)被直接调用,用于检查数据的有效性。

第二个it应该创建一个 span 元素在 DOM 中的情况,但事实并非如此。我检查它是否进入 if 语句中的第一个条件,如下所示:

它记录下来。因此,它应该将元素保留在 DOM 中,但我找不到测试它的方法。

0 投票
1 回答
1925 浏览

angular - “TestBed”类型上不存在属性“createAsync”

我正在使用 angular2-cli 创建项目,并且此规范文件由 cli 自动为我的一个组件创建。我将我的应用程序升级到 rc4,从那时起我在运行这个测试文件时遇到了这个问题。以下是规范文件:

上面的规范文件在“createAsync”上引发错误,我很确定 TestBed 上不存在 createAsync 但我用 TestBed 替换了 TestComponentBuilder(TestComponentBuilder 在 rc4 中已被弃用)。请提供有关如何解决此问题的建议。

0 投票
1 回答
431 浏览

angular - Angular 2 (RC6) - 启动组件中的路由不起作用

在我的真实世界应用程序中,如果用户经过身份验证,我想检查启动组件(通常是 app.component.ts)。如果没有,我想将它们路由到登录组件。但是路由在这里不起作用。

我创建了一个简单的 Plunker 示例,它是可复制的:

  1. 打开现场示例
  2. 单击按钮“导航到样本 1”-> 一切正常
  3. 但是您可以看到,我已经在app/app.component.ts- 但应用程序没有路由到组件中具有相同的路由命令。为什么??

谢谢你的帮助!

0 投票
1 回答
635 浏览

angular - angular 2 RC5 ngModules 与桶

在我们的项目中,我们正在从 Angular 2 RC4 迁移到 RC5。

问题是:随着 ngModules 的引入,桶(索引文件)会变得不必要吗?或者你可以同时使用两者吗?如何使用这两个概念?

0 投票
1 回答
3380 浏览

unit-testing - Angular 2 TestBed,没有依赖注入的模拟方法

使用TestBed,我们可以为依赖注入可用的类创建模拟类。例如,MyButtonClass可以访问ElementRef并且MyService因为它们是通过依赖注入实现的,所以我们可以覆盖它们。我遇到的问题是,要编写 Jasmine 测试,我必须创建模拟类来覆盖无法通过依赖注入访问的类的方法。

在这种情况下,ScriptLoader.load将加载ThirdPartyCheckout到全局空间中。这意味着,当 Jasmine 读取 subscribe 运算符中的内容时,它可能不可用。出于这个原因,我想先嘲笑前者,然后再嘲笑后者。或者也许有不同的方法来解决这个问题。

如果有人可以建议一种创建模拟类以覆盖ScriptLoader.load方法和ThirdPartyCheckout.configure方法的方法,那就太好了。

要测试的指令:

这是测试代码: