问题标签 [angular6]

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 投票
4 回答
134190 浏览

javascript - 如何使用 TypeScript 将多个参数传递给 Angular 中的 @Directives (@Components)?

由于我已经创建@Directiveas SelectableDirective,我有点困惑,关于如何将多个值传递给自定义指令。我进行了很多搜索,但没有在Angular中使用Typescript得到正确的解决方案。

这是我的示例代码:

父组件为MCQComponent

这是一个具有自定义指令[selectable]的父组件,它采用一个名为opt的参数。

这是该指令的代码:

所以在这里我想从父组件传递更多的参数,我该如何实现呢?

0 投票
4 回答
107759 浏览

angular - Angular 2/4/6/7 - 使用路由器进行单元测试

在 Angular 2.0.0 中,我正在对使用路由器的组件进行单元测试。但是我得到“提供的参数与调用目标的任何签名都不匹配”。错误。在 spec.ts 的 Visual Studio 代码中,新 Router() 以红色突出显示

如果有人能让我知道正确的语法是什么,我真的很感激?提前致谢。我的代码如下:

规格

组件构造函数

0 投票
17 回答
163266 浏览

css - 从 css 到 scss 的 Angular-cli

我已阅读文档,其中说如果我想使用scss我必须运行以下命令:

但是当我这样做并制作该文件时,我仍然在控制台中收到此错误:

0 投票
3 回答
11062 浏览

angular - 如何在 angular2 中禁用 AOT?

我得到了这样的东西:

但我无法理解两者之间有什么区别

0 投票
2 回答
739 浏览

html - Angular 4、5、6如何在像facebook一样加载时创建占位符?

如何在使用 Angular 2 + 加载内容时创建像 facebook 一样的背景加载行在此处输入图像描述

0 投票
2 回答
1941 浏览

angular6 - 如何使用 Angular 2、4、5、6、7、8、9 创建层次结构

我想使用Angular 2 或 Angular 4从 json 文件创建层次结构。位置的层次结构可能会根据要求而改变。谁能建议我如何创建所需的模板。下面提到了可能的情况。

文件名:location.json

情况1

0 投票
2 回答
3689 浏览

angular - Pug 支持 Angular 2 / Angular 4 / Angular 6 / Angular cli / Angular cli 6(没有自定义 WebPack 配置)

如何将 PUG / JADE 正确安装到 Angular 2 或更高版本

这样在工作和 AOT 和 JiT

工作单元和集成测试

并且在创建每个新组件时不会受到太大影响

0 投票
1 回答
5726 浏览

angular - Renderer3 是否会向后兼容 Angular 5?

有人知道,Angular6 中的 Renderer3 是否会向后兼容 Angular5?在我们的库中,我们使用 Renderer2,我们想知道 Renderer3 是否会向后兼容 Angular 5。

0 投票
3 回答
5360 浏览

angular - Angular6 - >构建错误

我曾经用命令构建我的 Angular 5 项目:

我已将我的项目更新为 angular 6,当我调用命令时,我收到如下错误:

架构验证失败并出现以下错误:数据路径“”不应具有其他属性 (o)。错误:架构验证失败并出现以下错误:数据路径“”不应具有其他属性 (o)。在 MergeMapSubscriber.registry.compile.pipe.operators_1.concatMap.validatorResult [作为项目] (C:\Users\martin.kuenz\Documents\Angular\webshop\node_modules\@angular-devkit\architect\src\architect.js:218 :39) 在 MergeMapSubscriber._tryNext (C:\Users\martin.kuenz\Documents\Angular\webshop\node_modules\@angular-devkit\architect\node_modules\rxjs\operators\mergeMap.js:122:27) 在 MergeMapSubscriber._next (C:\Users\martin.kuenz\Documents\Angular\webshop\node_modules\@angular-devkit\architect\node_modules\rxjs\operators\mergeMap.js:112:18) 在 MergeMapSubscriber.Subscriber.next (C:

有谁能够帮我?

谢谢

0 投票
1 回答
537 浏览

angular - angular5 动态分量分解器

我有多个模块,每个模块都包含各种组件,以及需要包含这些组件之一的父组件。

由于我无法使用路由来实现这一点,因此我编写了一个服务,它给出了 amoduleName :string和 acompomnentName : string返回相应的组件类。

请参阅此 stackblitzComponentDirectoryService

我模仿路由器模块如何允许功能模块注入自己的路由:

  • ComponentDirectoryModule有一个值被传递到forRootforChild方法DIRECTORY_ENTRIES
  • 每个功能模块(stackblitz 中的 p1 和 p2)调用forChild以提供其DIRECTORY_ENTRIES
  • AppModule 调用forRoot,它提供ComponentDirectoryService传入的累积(调用forChild)值DIRECTORY_ENTRIES

在开发模式下一切正常。

在生产模式下一切正常,但我收到了这个可怕的警告:

无法解析 ...component-directory.service.ts: (?) 中 ComponentDirectoryService 的所有参数。这将成为 Angular v6.x 中的错误

令我困惑的是,服务的唯一参数是目录条目......

编辑 1

就像 Angular 声明 ROUTES 注入令牌一样:

export const ROUTES = new InjectionToken<Route[][]>('ROUTES');

我对 DIRECTORY_ENTRIES 也是如此:

export const DIRECTORY_ENTRIES = new InjectionToken<ComponentDirectoryEntry[][]>('DIRECTORY_ENTRIES');