问题标签 [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.
angular - 将 Angular 6 升级到 Angular 7 测试版
我有 Angular 6 的现有项目。我希望它升级到版本 7 beta,如果可能的话,启用常春藤渲染器。
正确执行的步骤是什么?
angular - 错误 TS5023:未知的编译器选项“enableIvy”
我正在尝试将 IVY 添加到我的 Angular 7 beta 项目中。所以,我添加enableIvy: true
到部分src/tsconfig.app.json
compilerOptions
但是当我运行时,ng build --prod --aot --output-hashing none
我得到以下错误。
任何人都解决了这个问题。
angular - Angular/Typescript - 通配符模块声明
我正在尝试实现通配符模块,但似乎无法正常工作:
现在我有以下代码有效:
打字.d.ts
app.component.ts
您可能会在此处看到一个实时示例,但我想实现WILDCARDS,如此处(typescriptlang)和此处(sitepen)所示:
实施应该允许我做这样的事情:
打字.d.ts
app.component.ts
问题是由于某种原因通配符没有被正确识别......在运行时抛出找不到“json”。
- “找不到模块:错误:无法解析 'json' in ...”
- “未找到模块:错误:无法解析 'static' in ...”
- “找不到模块:错误:无法解析...中的'文本'”
当它首次在 Angular 2 上实现时,此功能的一个示例在这里,
知道我做错了什么吗?
angular - Angular 7 如何使用新的@aiStore
我读到 Angular 7 附带了一个名为 @aiStore 的新功能。我没有找到如何安装新模块以及如何使用它。
谁能告诉我有关如何下载此新功能的更多详细信息?是否有任何Angular DOC?
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 中:
angular - 在角度 7 中,如何使用来自对象的数据填充垫表
目前我有以下代码来填充表格。
在 component.ts 中:
我的 template.html 文件如下所示:
这有效,但老实说,它看起来很糟糕。我想做的是使用垫表:https ://material.angular.io/components/table/examples
我已将 template.html 更新为:
当我运行它时,我只看到一个空白屏幕。没有控制台错误或类似的东西。我需要对 template.html 和/或component.ts
要显示的数据进行哪些更改?
angular - Angular7放置区:点击事件未触发
在阅读了这篇关于 Angular Material 7 关于拖放交互的新特性的博客文章后,我决定尝试使用示例代码。
它围绕三个列表工作,拖放事件在三个列表之间移动元素。这非常有效,当尝试修改第一个列表以使其元素成为按钮时会出现问题:
问题是单击事件似乎没有被触发,就好像拖放事件“覆盖了它们”一样。
这是代码:
https://stackblitz.com/edit/mat-drag-drop-bwkdcy
编辑:找到了一个事件监听器的解决方法,没什么大不了的。
angular - 如何向我的 Angular 7 应用程序添加一个简单的对话框?
我有一个 Angular 7 的应用程序,我从 api 中提取数据,将数据加载到表中。该表的末尾有一列带有一个按钮。单击该按钮调用一个函数,该函数将简单地将行数据记录到控制台。这是我的代码:
我的 component.ts 文件:
我的 template.html 文件:
我现在要做的是在选择按钮时加载一个对话框。
我添加了一个名为 dialog-overview-example-dialog.html 的新 html 文件,其中包含以下内容:
我已将以下内容添加到我的 component.ts 文件的末尾,该文件是从某处的某个教程中获得的:
我现在需要做的就是弄清楚如何从 displayAdditionalDetails 方法加载对话框。最终我会用对话框做更多的事情,但现在只加载这个框就足够了。
谢谢。
firefox - Angular 6 应用程序中的错误“字符串包含无效字符”
我做了一个 7 角度的应用程序。我每晚使用 Firefox 来运行这个应用程序。
但是当我运行应用程序时ng serve -o
出现错误:
此错误仅出现在 firefox nightly 和 firefox for developers
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