问题标签 [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 投票
0 回答
379 浏览

angular - Angular 7:通过指令将 mat-raised-button 添加到按钮

我坚持执行该指令。尝试通过自定义指令向按钮添加“mat-raised-button”和“color”。但它没有用。请帮我解决这个问题。代码在这里,

0 投票
1 回答
218 浏览

angular - 使用 angular ngrx 和 firestore,set() 方法返回 undefined

我使用 Angular 7、Firestore 和 ngRx 制作了一个项目。

我正在编写我的效果,而set() 方法无法正常工作。

使用 firestore add() 方法时,它工作正常,因为我得到了 DocumentReference(请参阅点击)

(水龙头仅用于测试目的)

服务.ts

效果.ts

但是当使用set() 方法时,我得到未定义(请参阅点击)

服务.ts

效果.ts

所以我的效果是想得到一个ID,但他没有定义。

为什么这适用于add()而不适用于set()/update()

这是我的项目:https ://github.com/angulartist/ngrx-firestore-playground/blob/master/src/products/services/products.service.ts

感谢您的帮助

0 投票
1 回答
1696 浏览

angular - 更新到 Angular 7 - @angular/animation 出错

当我运行ng update @angular/core时,我收到以下错误:

我能够ng update @angular/cli毫无问题地运行

我已经跑了npm update

这是我的 ng 版本:

0 投票
1 回答
3821 浏览

angular - cli 命令 ng new 不适用于 Angular 7

刚刚将我的 cli、npm、ng 和 nodejs 更新到最新版本。Anng v给出了这个:

也成功更新旧的 Angular 6 项目。但是,在发出命令ng new myproj后,我得到了结果:

这个问题太新鲜了,没有在线解决方法。有什么帮助吗?

0 投票
5 回答
3058 浏览

angular - 我们如何将 Blockly 导入 Angular 7 应用程序?

我正在尝试在 Angular 7 应用程序中使用 Blockly,但我无法注入 Blockly 编辑器。

我已经从https://developers.google.com/blockly/guides/get-started/web下载了这些文件,并将 blockly_compressed.js 复制到我的 src 目录中(并将其重命名为 blockly.js)。然后我尝试从我的组件访问 Blockly 并得到错误。

我试过的:

导入“../blockly.js”

不编译,给出“错误 TS2304:找不到名称‘Blockly’。”

编译,但在浏览器中打开应用程序时出现以下错误:

添加具有以下内容的 blockly.d.ts 文件:

给出与上述相同的错误。

关于我还能尝试什么的任何建议?

0 投票
0 回答
114 浏览

angular - 仅在 AOT 构建中使用 FormControlDirective 的 Angular 7 ctor 错误

在从 Angular 6 升级到 7 时,一切似乎都很好,除非我输出到 aot。我可以使用 cli 成功创建一个构建,并且我的一个延迟加载的模块可以工作,而其他的则不能,因为它会得到一个非常奇怪的异常。

ctor错误

在其中放置一个断点让我发现一个数组被传递到模块工厂而不是构造函数中。这就是打破aot的原因。罪魁祸首如下图数组中的 5 个依赖项

但是,我无法弄清楚这 5 个声明是如何被注入的,它们应该只被注入 ReactiveFormsModule,而不是它们自己。我只是简单地添加了它们并将它们导出到一个延迟加载的模块中,它们在 JIT 中运行良好。有人遇到类似问题或找到解决方案吗?代码片段示例将很快出现 - 因为我必须在公共项目中重现它。

0 投票
1 回答
798 浏览

angular - Whitelabel on existing Angular 4/5/6/7 project

I have an Angular 7 application and I need to create a white label project based on the that. In the white label I need to alter some of the components css and also add new routes / new components. What is the recommended way to approach this?

0 投票
1 回答
1927 浏览

angular - 类型'可观察的>' 不可分配给类型 'Observable'

这曾经在 Angular 2/4 中工作,但自从我升级到 Angular 7 后,我在整个应用程序中都收到了这个错误。突然可能是什么问题?

我尝试使用“任何”类型,但它仍然有同样的错误。

受影响的代码:

调用者方法

包.json

0 投票
6 回答
13467 浏览

angular - 从 Angular 6 迁移到 Angular 7

我最近将我的 Angular 4 应用程序升级到 Angular 6,现在想升级到 Angular 7。根据下面的文章,运行命令以下命令应该不会花费超过 10 分钟的时间来升级。

ng 更新 @angular/cli @angular/core

https://blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c

运行此命令后,我在命令提示符上看不到任何事情。没有错误。有人能告诉我为什么会这样吗

0 投票
1 回答
1707 浏览

angular - 将鼠标悬停在图像上以在其旁边显示更大的图像。角 7

在此处输入图像描述嘿,我正在尝试创建一个与亚马逊组件相同的组件。当您在左侧有多个图像并将鼠标悬停在它们上以查看它们旁边的较大图像时。

我的方法是有一个 (mouseenter) 事件,它调用一个带有 $event 的函数。并且函数设置变量 {{image}}

所以我拥有的HTML是:

和 .ts 是:

我知道有一种更好更简单的方法我只是 html 的新手,所以没有那么多知识。

当我尝试时,它给了我这个。[obectHTMLImageElement]