问题标签 [angular10]

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

ionic-framework - ionic 5 - 路由到带有页面 id 问题的详细信息页面

伙计们,我正在创建一个具有页面ID的详细信息页面的离子应用程序,我正在尝试配置路由器,它不会总是在主页上重定向它,我的代码在下面请检查?

父页面路由

详情页路由

从'@angular/core'导入{ NgModule };从'@angular/router'导入{路由,RouterModule};

0 投票
1 回答
39 浏览

filter - 角度数组过滤器不适用于字符串列表

我有一个字符串数组,并且想在某些操作后过滤掉一个特定的字符串。但是,似乎我在那里做错了什么。

在这里,followers 是一个字符串数组 ->string[]并且在某些操作时(例如,取消关注);我想从显示的用户的关注者列表中删除登录用户的 ID。但是,此过滤器操作似乎不起作用。

另一方面,我尝试使用 splice,它工作得非常好。

我无法理解我在第一种方法中做错了什么?

0 投票
2 回答
1889 浏览

angular - Angular - 启动 CommonJS 或 AMD 依赖项可能导致优化救助

我有一个小 Angular 应用程序,我在其中使用PrimeNG 组件。由于我进行了 Angular 10 更新,我收到以下警告:

CommonJS 或 AMD 依赖项可能会导致优化救助。

对于不同的 PirmeNg 组件。

我已经尝试过了:

这是官方主页上建议的

我做的另一个尝试是检查这篇文章中提到的导入

但是由于我一开始没有任何带有“@”的导入,所以我想知道如何修复或抑制这个警告?

编辑:

详细错误:

“路径”中的警告取决于“chartjs”。CommonJS 或 AMD 依赖项可能会导致优化救助。

0 投票
1 回答
77 浏览

angular - 如何在 Angular10/Typescript 中刷新页面时运行函数

我正在开发 Angular 10 应用程序,我想仅在页面刷新/重新加载时使用 (router.navigate) 导航到另一个组件。我如何在 Angular 中实现这一点。

谢谢 等待回复

0 投票
2 回答
25 浏览

angular10 - 单击事件时,textarea 字段应为空

我是 Angualr 的新用户,目前正在使用 Angular 10。我希望在单击清除按钮后textarea 字段应该为空。但是这段代码没有我想做的工作。有一天可以帮助我。谢谢。

HTM 文件

.ts 文件

0 投票
1 回答
338 浏览

angular - ngForOf 中的重复 ID 生成 - Angular

我正在使用 ngForOf 列出日期,每个日期都由id实际上是它的索引 + 1 的属性表示。所有日期都以对象的形式存在于数组中。此外,每个日期都是一个组件实例。

ngForOf 的问题在于,每当我从列表中删除一个日期时,整个 DOM 都会刷新,并且重新分配 ID。

问题

现在当我说“删除”时,我不是从数组中拼接/删除日期,而是将action日期的属性设置为"deleted". 这样我就不必为每个日期都发出 HTTP 请求来将其从数据库中删除。

一旦actionis "deleted",日期就不会出现在 DOM 中,但仍然存在于数组中。所以下一次 DOM 刷新时,它将重新分配 ID,现在我将在数组中有重复的 ID。这有很多后果,最大的一个是我无法删除具有相同 ID 的日期。

我还尝试更改每个删除事件的日期 ID,但这也会弄乱数组。

重要的

我知道trackBy,但我不明白如何应用它来解决这个问题,并且在互联网上看不到与此相关的问题。

谢谢。

0 投票
3 回答
47 浏览

angular - 错误:检查后表达式已更改 - 在构造函数中

这是在我的 html 文件中:

这是我的组件:

我收到错误错误:检查后表达式已更改-在构造函数中,从真到假,反之亦然。根据我的研究,此错误发生在组件初始化后发生的事件中,但是我没有此类事件,我的更改发生在构造函数中。我试着把它放在 oninit 事件中,同样的事情发生了。

0 投票
2 回答
2033 浏览

javascript - 未解析编码查询参数的角度路由

在我的 Angular 10 应用程序中,我有这样的路线

有时 URL 被编码为

并且路由器找不到匹配项。有没有办法解决这个解码问题并让它总是解决?

更新: 我添加了我正在使用 routerLink 更新当前 URL 的页脚组件

员工路由模块

页脚组件

页脚组件 HTML:

0 投票
1 回答
1436 浏览

html - 如何更改 Angular 10 中的 body 标签类(最佳实践)?

我想在 TAG Body 的两个课程(浅色和深色)之间切换。

我做了什么?我创建了一个服务:

它按预期工作,但我知道这段代码没有使用最佳实践。
在这两个类之间进行更改的正确方法是什么?

0 投票
1 回答
196 浏览

typescript - 在 Angular 10 应用程序中使用 susielu/d3-annotation

我正在尝试将 susielu/d3-annotation 导入并使用到 Angular 项目中。

这是我的 package.json 的一部分

在组件内部,我可以将 d3 与以下导入一起使用:

尝试像这样加载注释库:

根本不扩展 d3 库,因此我无法访问d3.annotation()方法。

环顾四周,我没有找到解决方案,但我确信这是微不足道的。