问题标签 [angular7]

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

angular - 将 Angular 6 升级到 Angular 7 测试版

我有 Angular 6 的现有项目。我希望它升级到版本 7 beta,如果可能的话,启用常春藤渲染器。

正确执行的步骤是什么?

0 投票
3 回答
9712 浏览

angular - 错误 TS5023:未知的编译器选项“enableIvy”

我正在尝试将 IVY 添加到我的 Angular 7 beta 项目中。所以,我添加enableIvy: true到部分src/tsconfig.app.jsoncompilerOptions

但是当我运行时,ng build --prod --aot --output-hashing none我得到以下错误。

任何人都解决了这个问题。

0 投票
1 回答
3216 浏览

angular - Angular/Typescript - 通配符模块声明

我正在尝试实现通配符模块,但似乎无法正常工作:

现在我有以下代码有效:

打字.d.ts

app.component.ts

您可能会在此处看到一个实时示例,但我想实现WILDCARDS,如此(typescriptlang)和此处(sitepen)所示: 在此处输入图像描述

实施应该允许我做这样的事情:

打字.d.ts

app.component.ts

问题是由于某种原因通配符没有被正确识别......在运行时抛出找不到“json”。

  • “找不到模块:错误:无法解析 'json' in ...”
  • “未找到模块:错误:无法解析 'static' in ...”
  • “找不到模块:错误:无法解析...中的'文本'”

当它首次在 Angular 2 上实现时,此功能的一个示例在这里,

知道我做错了什么吗?

0 投票
2 回答
1408 浏览

angular - Angular 7 如何使用新的@aiStore

我读到 Angular 7 附带了一个名为 @aiStore 的新功能。我没有找到如何安装新模块以及如何使用它。

谁能告诉我有关如何下载此新功能的更多详细信息?是否有任何Angular DOC?

0 投票
1 回答
2297 浏览

angular - 具有来自 Web 服务的动态元数据的 Angular 6 元服务

我正在尝试使用从 Web 服务检索到的数据来更新 Angular 6(更新:现在是 Angular 7)通用应用程序(使用 Meta 和 Title)中的元数据。我专门为 Twitter 和 Facebook 卡片执行此操作。我知道他们的爬虫不执行 JavaScript,这就是我使用 Angular Universal 在服务器端设置元数据的原因。我正在使用Facebook 共享调试器工具来检查结果。

我尝试了几种不同的方法,并寻找了示例,但我还没有找到在设置元数据之前从对 Web 服务的异步调用中检索数据的方法。(请注意,我在 Angular Universal 4 应用程序中成功将此服务与 Web 服务一起使用。)

使用下面的代码,正确设置了“og:url”标签,因为它不需要 Web 服务调用来获取数据。但是,标题设置不正确。如果我将“setTitle”调用移动到 ngOnInit 并提供一个字符串,那么它会起作用——但从 Web 服务获取数据却不起作用。

我尝试使用服务来收集数据,然后设置元数据,但这也不起作用。我从解析器获取数据,但它不能解决 Facebook/Twitter 问题。

更新:我还尝试使用解析器首先获取数据,以便我可以在 onInit 中使用它。它不工作。

然后在 onInit 中:

0 投票
2 回答
12676 浏览

angular - 在角度 7 中,如何使用来自对象的数据填充垫表

目前我有以下代码来填充表格。

在 component.ts 中:

我的 template.html 文件如下所示:

这有效,但老实说,它看起来很糟糕。我想做的是使用垫表:https ://material.angular.io/components/table/examples

我已将 template.html 更新为:

当我运行它时,我只看到一个空白屏幕。没有控制台错误或类似的东西。我需要对 template.html 和/或component.ts要显示的数据进行哪些更改?

0 投票
2 回答
2078 浏览

angular - Angular7放置区:点击事件未触发

在阅读了这篇关于 Angular Material 7 关于拖放交互的新特性的博客文章后,我决定尝试使用示例代码。

它围绕三个列表工作,拖放事件在三个列表之间移动元素。这非常有效,当尝试修改第一个列表以使其元素成为按钮时会出现问题:

问题是单击事件似乎没有被触发,就好像拖放事件“覆盖了它们”一样。

这是代码:

https://stackblitz.com/edit/mat-drag-drop-bwkdcy

编辑:找到了一个事件监听器的解决方法,没什么大不了的。

0 投票
1 回答
7318 浏览

angular - 如何向我的 Angular 7 应用程序添加一个简单的对话框?

我有一个 Angular 7 的应用程序,我从 api 中提取数据,将数据加载到表中。该表的末尾有一列带有一个按钮。单击该按钮调用一个函数,该函数将简单地将行数据记录到控制台。这是我的代码:

我的 component.ts 文件:

我的 template.html 文件:

我现在要做的是在选择按钮时加载一个对话框。

我添加了一个名为 dialog-overview-example-dialog.html 的新 html 文件,其中包含以下内容:

我已将以下内容添加到我的 component.ts 文件的末尾,该文件是从某处的某个教程中获得的:

我现在需要做的就是弄清楚如何从 displayAdditionalDetails 方法加载对话框。最终我会用对话框做更多的事情,但现在只加载这个框就足够了。

谢谢。

0 投票
1 回答
2280 浏览

firefox - Angular 6 应用程序中的错误“字符串包含无效字符”

我做了一个 7 角度的应用程序。我每晚使用 Firefox 来运行这个应用程序。

但是当我运行应用程序时ng serve -o出现错误:

此错误仅出现在 firefox nightly 和 firefox for developers

0 投票
1 回答
3534 浏览

angular - 当应用程序在外部服务器上运行时,未找到所有请求 (404)

我的应用程序在使用ng serve命令或ng serve --prod命令服务时工作正常,但是当我使用命令构建它以用于生产ng build --prod然后使用http-server -p 8080 -c-1 dist/ng-zero命令或命令提供它时live-server --entry-file=dist/index.html,任何请求都有404响应。

我在这里查看了不同的问题及其答案,但没有任何帮助。我尝试了这个HashLocationStrategy建议,我也尝试了useHash: true一个,但没有成功。

启动应用程序的 Http 服务器:

它确实打开了一个新的浏览器选项卡,http://127.0.0.1:8080/但它是空白的,控制台说:

Lite 服务器启动应用程序:

它确实打开了一个新的浏览器选项卡,http://127.0.0.1:8080/但它是空白的,控制台什么也没说。

index.html文件:

编辑:

这是文件夹结构:

我在 Angular 7^7.0.0-rc.0