问题标签 [angular8]

嗨，我今晚将我的项目从 V7 升级到了 V8，我在阅读 @viewChild 时遇到了一堆错误，这是由于他们所做的新更新。我在我的所有@viewChild 中添加了 { static: true }，但后来我遇到了我设置的这些触发器：

只接受两个参数，viewChild我不能添加三个。所以我读了：MatautocompleteTrigger出来，它破坏了我的自动完成功能。

这是我收到的错误消息：

'{ 类型的参数读取：typeof MatAutocompleteTrigger; }' 不能分配给 '{ read?: any; 类型的参数。静态：布尔值；}'。类型“{ 读取：typeof MatAutocompleteTrigger; 中缺少属性“静态”；}' 但在 '{ read?: any; 类型中是必需的 静态：布尔值；}'.ts(2345) core.d.ts(8066, 9): 'static' 在这里声明。

我添加了这些触发器以在用户输入不在所选选项列表中的字符时触发。所以它会清除并给用户一条消息让他们再次选择。

这是完整的实现： HTML

TS

GameService, UniqueIdService, GridService是我在模块中使用的服务。

问题：core.js:5847 错误错误：未捕获（承诺）：NullInjectorError：StaticInjectorError（App4pcModule）

我经历过这些：

1. ERROR 错误：未捕获（承诺中）：错误：StaticInjectorError(AppModule) uncaught-in-promise-error-staticinjectorerrorappmodule ==> 不适用于我的情况。

2. https://stackoverflow.com/a/53775775/11584774 ==> 试过这个，没有帮助。

3. https://github.com/angular/angular/issues/20339 ==> 几乎与我无关

"@angular/core": "~8.0.0",

带有 scss 样式选项的脚手架 Angular 8 项目

我在组件 scss 文件中有如下所述的代码

背景： url("/assets/images/vector-icon.png") 不重复 25%;

在最终构建时使用命令

将构建放在子文件夹根/webside

除背景图像路径外，一切正常

我已经通过 ip/website/assets/images/vector-icon.png 尝试过，那时我能够获得图像。

如果我不想更改每个 css 文件的路径怎么办。

任何帮助，将不胜感激。提前致谢

我正在使用ReactiveForms编写 angular7 单页 Web 应用程序。我需要在可搜索的下拉列表中列出客户集合，为此我正在尝试使用ngx-select-dropdown（https://www.npmjs.com/package/ngx-select-dropdown）

我的客户类如下所示

我的组件类看起来像这样

我的 HTML 模板看起来像这样

我想要的是带有以下选项的客户下拉列表。

1. 下拉菜单应该是可搜索的。
2. 下拉菜单应该是单选。
3. 选择项目时，应更新“selectedCustomer”表单控件。（请参阅此演示中的“单选下拉”示例：https ://manishjanky.github.io/ngx-select-dropdown/ ）

我在stackblitz中添加了一个示例项目

我一直在尝试将一些资产添加到 Angular 8 库中。

该库是使用 ng generate 库创建的，我的目标是包含一些 SVG 格式的图标，以便在 HTML 组件的模板中使用。

到目前为止，我已经尝试将库的 assets 文件夹添加到父应用程序 angular.json 文件中，但无济于事。在开发我的资产时，在库源根目录的文件夹中无法访问。构建库后将文件夹复制到 dist 也不起作用。

将资产文件夹包含到库中的正确方法是什么，就像为应用程序所做的那样？我认为这是一个相当频繁的用例，因为组件通常依赖于图标。将 SVG 或 PNG 嵌入 SCSS 文件的方法也足以解决此用例。

我正在尝试在 ngrx/store-devtools 上启用 trace 和 traceLimit（此功能https://extension.remotedev.io/docs/Features/Trace.html ）。

我目前正在使用这些包和版本，并运行 Angular 8。

“@ngrx/store”：“^8.0.1”

“@ngrx/store-devtools”：“^8.0.1”

我想在 Redux DevTools Chrome 扩展中查看堆栈。

我有一个使用 Angular Material 8 的 Angular 8 项目，它无法通过同一组件中的按钮切换 sidenav。javascript控制台说

无法读取未定义的属性“切换”

但是sidenav在模板中有引用变量。

我确保按钮在模板中，这样我就不必担心事件发射器或其他诡计。这应该很简单。

HTML

菜单按钮按预期在断点处出现和消失，但单击它会出现错误。

应该发生的是，该按钮仅在您低于isHandset$中断（发生）时出现，然后它应该在内容的顶部打开（这不会发生）。由于#sidenav引用变量在mat-sidenav标签中，我似乎已经正确设置了它。

在以下示例中，我有一个简单的下拉列表，其中包含客户列表。当您从下拉列表中选择客户时，我需要完成以下操作。

1. 选定的客户名称应显示在"txtCustomerName"文本框中。
2. 选定的客户名称应显示在"spnCustomerId"span 元素中（我已经以某种方式完成了它，我想确保我是否使用Reactive Forms以正确的方式进行操作）。

除了上述之外，"ERROR TypeError: control.registerOnChange is not a function"加载页面时出现错误。我在 stackoverflow 上发现了类似的帖子，但我找不到我面临的问题的可靠答案。

错误类型错误：control.registerOnChange 不是函数

错误类型错误：control.registerOnChange 不是函数 --> formControlName

我的组件类看起来像这样

我的 html 页面看起来像这样

请参阅stackblitz中的上述示例

我有以下组件：

现在我想通过编写将成员userInput（我总是使 Input 绑定可选，因为它们可能不会被使用）转换为 a ：FormControl

或者这是否与绑定机制有任何冲突？关于类型，这似乎不是一个好习惯，因为不再userInput是string。

我的问题

如何将@Input绑定分配给 a FormControl？

建议

可能有必要像这样在 onInit 中分配（可能）绑定值：

错误

找不到构建器 @angular-devkit/build-angular:dev-server 的实现

版本

包Json

我尝试过的解决方案

我试图更新

我试图更新 Node/Npm 版本

我也关注了链接找不到模块“@angular-devkit/build-angular”

Angular 升级指南 https://update.angular.io/#7.0:8.0

修复 git 问题后

尝试所有解决方案后，仍然无法在 cli 中运行 ng serve。

任何帮助都是最受欢迎的