问题标签 [angular5]

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 回答
2022 浏览

angular - Angular 5:动态模板

Angular 5删除了运行时编译器,我的理解是,由于这个原因,现在不可能动态编译模板。

所以我需要想出另一种方法来完成我所需要的;希望有人能指出我正确的方向。

我有一个用 Angular 编写的视频平台。人们可以在视频上发表评论,并且可以在评论中的某处包含时间戳,例如:

我正在使用正则表达式匹配每个时间戳,并尝试在时间戳链接中添加对组件的调用:

现在缺少编译自定义模板的能力,我怎样才能让它工作?

提前致谢

0 投票
4 回答
42209 浏览

angular - 错误:模板解析错误:'mat-card' 不是已知元素:

大约两个月前,我开始了一个 Angular 4 Material 项目,当时安装了所有当前的 npm,并且正在使用 material.angular.io 中的大部分组件。从那时起,Angular 5.0.0 已经推出。我在新更新上按项目重建,控制台出现以下错误。

错误:模板解析错误:'mat-card' 不是已知元素:1. 如果 'mat-card' 是 Angular 组件,则验证它是该模块的一部分。2. 如果“mat-card”是一个 Web 组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。

我已经检查了安装,并相信我拥有最新的所有内容,但之前工作的代码现在失败了。这是A5的新要求,还是材料包还没准备好?

0 投票
3 回答
1649 浏览

angular - 使用 angular2-logger 的 Angular 5 项目中的错误

我在 Angular CLI 项目中使用 angular2-logger 版本 0.6.0。当我尝试升级到 Angular CLI 1.5 和 Angular 5 时,出现以下错误

这是 app.module.ts

这个示例项目是由创建的ng new sample,所以每个设置都是 Angular CLI 默认的。

0 投票
4 回答
15476 浏览

javascript - 如何为 FormGroup 触发 Angular 5 异步验证器 onblur

我正在使用Angular 5.0.1 版,我试图AsyncValidator在.FormGroupFormControlsFormGroup

我可以onBlur使用以下方法来处理表单控件:

但是,当我尝试将其应用于 aFormGroup时,它不起作用。

AsyncValidator onBlur是否可以仅在 a 上触发FormGroup,如果没有,仅在用户完成输入数据时执行验证器的最佳方法是什么?

目前我唯一的其他选择是为我的验证器提供某种去抖动包装器。

只是在这里阅读,看来我应该能够updateOn: 'blur'用于表单组。

new FormGroup(value, {updateOn: 'blur'})); 新的 FormControl(value, {updateOn: 'blur', asyncValidators: [myValidator]})

0 投票
4 回答
223 浏览

javascript - 如何从另一个脚本调用变量来执行函数

嗨,我有一个名为“script.js”的脚本,问题是我有很多函数,我需要在 angular 的开头执行这个函数。

但我需要调用这个变量 appMaster

错误是 appMaster 没有未声明的变量。如何在其他脚本中执行函数?

0 投票
3 回答
1115 浏览

javascript - Angular 中的随机动画

考虑以下代码:

有没有办法使上述 div随随机动画消失

随机动画是,例如,对象旋转任意度数,例如 30 到 150 度。

0 投票
1 回答
2649 浏览

angular - 角度 5:无法读取 HttpInterceptorHandler.handle 处未定义的属性“拦截”

更新到 Angular 5 后出现错误:控制台错误:“错误类型错误:无法读取 HttpInterceptorHandler.handle (http.js:1777) 处未定义的属性‘拦截’......”

“未处理的承诺拒绝:无法读取未定义的属性“拦截”;区域:;任务:Promise.then;值:TypeError:无法读取未定义的属性“拦截””

服务代码

app.module.ts

包.json

0 投票
4 回答
7331 浏览

angular5 - 角度 5 材质 MatTableDataSource

我从角度 4.4.6 和材料 beta 19 更新到角度 5 和材料 5.0.0-rc0

应用程序编译正确,但在 Chrome 上执行我得到

“未捕获的错误:模块 'Material Modules' 导入的意外值 'MatTable DataSource'。请添加 @NgModule 注释。”

其他材质组件正常工作,mat-icon、mat-card-content、mat-tab-group、mat-dialog-xxx ...

你可以帮帮我吗?

0 投票
1 回答
1274 浏览

angular - Angular 5 新的不可变 HttpClient 打破了动态 URL 参数

我在 Typescript 中没有过多地使用不可变对象,但新的 Angular 更新让我陷入了困境。我尝试使用新的 Http 库更新我自己的 Http 服务。现在我无法将 url 参数动态添加到 Http GET 请求中。

这个问题在这里解释: https ://medium.com/spektrakel-blog/angular-httpclient-enforces-immutability-dad161d8714b

我有一个简单的函数,它应该通过传递通用对象或同时具有“键”和“值”属性的对象来处理动态添加的不同方式。它看起来像这样:

有没有办法用不可变的东西重新创建这个功能?

所以如果我有一个对象,比如

我这样调用上面的函数

它会将请求 url 重写为

shipments?status=new&per_page=50&page=0

我发现这非常有用,因为我可以轻松地将一组动态参数与调用一起传递。我怎么能用不可变的东西重新创建它?

(顺便说一句:对于“非破坏性”而言,切换到不可变对象在这种情况下似乎并不容易更新)

0 投票
0 回答
61 浏览

angular - 如何在使用 jasmine 的 Angular 2 测试中为每个测试用例为同一提供者提供唯一的存根?

假设我在同一个描述块中有两个测试用例,需要使用相同的服务,但每个测试用例都必须提供不同的服务存根?下面的示例将按预期为两个测试用例提供 serviceStub1,但我需要找到一种方法为第二个用例提供 serviceStub2。我已经花了很多时间在这上面,但到目前为止我迷路了。任何帮助将不胜感激,谢谢。