问题标签 [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 回答
492 浏览

typescript - 当“--module”为“无”时,Visual Studio 2019 无法使用导入、导出或模块扩充

在我将项目从 Angular 9 升级到 Angular 10 后,该项目显示了许多我无法解决的错误,如下所示

(TS) 找不到模块“@angular/core”。
(TS) 找不到模块“@angular/forms”。
(TS) 当“--module”为“none”时,不能使用导入、导出或模块扩充。
(TS) 对装饰器的实验性支持是一项可能在未来版本中更改的功能。设置“experimentalDecorators”选项以删除此警告。
TS6053 文件 'ClientApp/node_modules/-/dist/index.d.ts' 未找到

错误消息仅在 Visual Studio 2019 中显示。当我在 Visual Studio 代码中尝试该应用程序时,它工作正常。

我尝试了许多解决方案,例如添加
<TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators> <TypeScriptEmitDecoratorMetadata>True</TypeScriptEmitDecoratorMetadata>

或添加
"baseUrl": "src"
到 tsconfig.json

他们都没有工作。有没有人有同样的问题?

0 投票
0 回答
103 浏览

angular - 导航方法 RouterLink 在 Angular 10 中不起作用

我在 Asp.net MVC 项目中使用 Angular 10。

我在路由中遇到错误。这是我的路由代码。

应用程序路由.module.ts

app.module.ts

app.component.html

所以根据代码有两个菜单,商店和购物车,预期结果分别是,

商店工作!

购物车工作!

但是在控制台中显示空白页面,没有错误。

0 投票
1 回答
442 浏览

java - 使用角度 10 从 HTTP GET 返回 HashMap

我正在使用以下版本。角 CLI:10.0.1

节点:12.18.2

操作系统:win32 x64

角度:10.0.2

我有一个 Java spring boot 服务(运行良好),它以 HashMap 的形式返回数据。

以下是服务调用的输出:

我还有一个简单的调用,它返回书籍列表(作为字符串)。例如

现在,我想在我的 Angular 代码中使用它。

我的服务定义如下。

基本上我能够阅读书籍数据(字符串 [])。

但是,应该如何从服务中读取复杂的 HashMap 数据呢?

0 投票
1 回答
386 浏览

arrays - Angular 10 - 数组上的链式承诺不计算所有属性

我是 Angular 和 TypeScript 的新手,遇到了一个问题:我有一个LabObject模型类型的对象数组:我的 LabObject 模型有很多属性,以及两个计算出来的私有属性(private _labTest: numberprivate _vitalSign: number)。

我创建了一个 LabObject 类型的数组并使用 for 循环填充它。自然地,我注意到这两个计算在循环仍在运行时并没有完成,因为它们很重,所以我想我会使用一个 Promise。我想如果我在第一个 Promise 中运行循环,然后在此之后链接两个 Promise,每个计算一个 Promise,它会强制我的计算在我对该数组执行任何其他操作之前完成运行。

看来我错了,因为并非所有数组元素都以计算出的 _labTest 和 _vitalSign 结束,并且在某些元素中,它们中的一个或两个都丢失了。

这是我的方法:

我得到一个看起来像这样的 JSON 对象:

但我希望为每个元素计算 _labTest 和 _vitalSign。我究竟做错了什么?

0 投票
3 回答
1209 浏览

ag-grid - Angular 10 ag-grid 无法设置属性“setRowData”,因为 gridOptions.api 未定义

我正在使用以下版本。

角 CLI:10.0.1

节点:12.18.2

操作系统:win32 x64

角度:10.0.2

@ag-grid-community/angular@23.2.1

@ag-grid-community/all-modules@23.2.1

我正在使用以下方式:

当我在 chrome 开发人员工具上看到“网络”选项卡时,服务会很好地返回结果。

问题在:

基本上,在 ngOnInit() 中,我正在初始化 gridOptions (GridOptions);但我的数据稍后会被提取(基于一些检查和用户输入)。

因此,当我尝试使用 setRowData 时,由于 this.gridOptions.api 未定义而失败。

我该如何解决这个问题?

0 投票
1 回答
295 浏览

api-gateway - 大使边缘堆栈:使用示例项目,但不使用我的项目

我正在尝试在本地 kubernates 集群中将大使配置为 API 网关。

安装:

  1. https://www.getambassador.io/docs/latest/tutorials/getting-started/ windows 和 Kubernetes 部分安装
  2. 可以登录>edgectl login --namespace=ambassador localhost并查看仪表板
  3. 使用他们从https://www.getambassador.io/docs/latest/tutorials/quickstart-demo/提供的示例项目进行配置

这是YML用于部署演示应用程序的文件

一切都按预期工作。现在我正在尝试配置我的项目。但它不起作用。

因此,对于更简单的情况,将每个配置都保留为 的演示Ambassador,我只需将其从此处修改image: docker.io/datawire/quote:0.4.1为 项目image: angularapp:latest的 docker 映像Angular 10

但我越来越upstream connect error or disconnect/reset before headers. reset reason: connection failure

我花了一天时间解决这个问题。我从 docker 桌面应用程序恢复了我的 Kubernetes 并重新配置,但没有运气。

0 投票
2 回答
2224 浏览

angular - 如何使用字符串(十六进制格式)初始化@angular-material-components/color-picker side .ts

我尝试将十六进制字符串转换为颜色(@angular-material-components/color-picker 的导入)或实例化颜色并从侧面.ts 将我的值 hex stock 设置为我的数据库

我在这里弹出白色 输入图像描述

0 投票
1 回答
51 浏览

javascript - Angular 10 ng-content 投影导致表格冻结

我得到了一个名为“view-container”的组件的以下 HTML:

应用程序视图容器

现在我想将我的表单放入这个组件中。表单只有 2 个简单的字段:

插入的登录表单

表单应通过 ng-content 放入组件中:

内容投影

但问题是:这个过程会导致表单域冻结。
是吗?

0 投票
2 回答
604 浏览

angular - Angular RouterLink 在新窗口中打开超链接,而不是选项卡

如何在新窗口而不是新选项卡中打开 Angular routerLinks?

这在 2020 年最新的 Chrome 中不起作用(仍在打开标签)

0 投票
1 回答
212 浏览

angular - Angular:NgStyle使用input :: first-line突出显示文本框中的单词?

如何在 Angular 中突出显示文本框的内容?以下不起作用。当前使用材料文本框。

需要有条件地应用它,基于布尔变量 highlightTextFlag,可能使用 ngstyle 。

样本:

实际代码:

在此处输入图像描述

如何突出显示输入字段中的文本?

Angular Material:突出显示文本框中的单词