问题标签 [angular-schematics]

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

angular - 角示意图。自定义 angular.json 文件

当我使用原理图(ng new --collection=@foo/schematics myproject)构建我的网站时,一切正常,除了一件事:

生成的 angular.json 文件在样式数组中仅包含一个样式文件,我需要它包含多个自定义样式文件:

ng 新原理图构建后的当前 angular.json:

期望:

我如何告诉 Angular 原理图例程我想要包含这些额外的样式表?

0 投票
5 回答
5923 浏览

angular - 如何使用 angular-cli (6.x) 创建单一仓库项目结构

我想使用 angular-cli 生成一个新的工作区

目前唯一的方法是运行:

但是所有src/文件都保留下来(以及现在不一致存储的项目的原始 angular.json 信息)。没有src文件夹就无法创建新的存储库......当我使用自定义原理图通过基本上复制 angular-cling-new并删除https://github.com/angular/angular-cli/blob/6449a753641340d8fc19a752e1a1ced75f974efa/packages来执行此操作时/schematics/angular/ng-new/index.ts#L61 schematic('application', applicationOptions),

每当我运行它...

只有 e2e 文件被放入projects/并且angular.json文件大部分保持为空:

我怀疑这与应用程序示意图中的一些静默失败或路径关闭有关......但我想首先检查是否有更简单/更首选的方式。

编辑注意我熟悉 3rd-party 库(例如 Nrwl/Nx),但我试图避免这些。我也将此问题发布到 GitHub:https ://github.com/angular/angular-cli/issues/11402

0 投票
1 回答
843 浏览

angular - Angular NgRx App 的代码生成解决方案

我目前正在开发一个 angular-ngrx 应用程序。我正在使用 angular-cli 来搭建应用程序。我的麻烦是随着我的应用程序越来越大,我需要添加很多文件,例如减速器、动作、状态、效果文件。我想自动化这部分,在那里我可以使用一些样板代码生成这些状态管理文件。我可以请一些帮助开始吗?

0 投票
2 回答
1706 浏览

angular - 如何在自定义 Angular Schematics 中定位文件路径?

我目前正在尝试创建自己的自定义 Angular Schematics。我有以下内容:

它只是创建一个带有“hello world”的文件。我将如何更改树的文件路径,以便将文件输出到各种自定义目录中?谢谢你。

0 投票
3 回答
4345 浏览

angular - 如何使用角度示意图修改 HTML 文件

假设我们有一个现有的角度组件,包括menu.component.html

目标是在“关于”之后添加一个带有角度示意图的新链接

有任何想法吗?

0 投票
1 回答
640 浏览

angular - 角度示意图。树转换未执行

我一直在按照这里创建自定义角度示意图的示例:为 angular-cli 创建自己的应用程序模板

而且我已经让它在 Mac 上按预期工作。但是,当我尝试在 PC 上从原理图构建时,我只获得了原理图的基本 src 文件,而没有从工作区和 src 目录中的自定义文件进行任何转换。

例如,@my-schematic/my-schematic/workspace/files/ 源目录中的 angular.json 和 package.json

没有被复制到新项目的根文件夹中。

要构建项目,我使用以下步骤:

0 投票
4 回答
3121 浏览

nrwl - nrwl/nx 工作区特定示意图

我一直在研究 nrwl 扩展,它们看起来很棒。但是,当我按照他们的Workspace Specific Sc​​hematics教程进行操作时,最后一步并没有显示要运行的命令。你能告诉我如何运行我创建的原理图吗?我确定这很简单,但是我在任何地方都找不到命令。

0 投票
1 回答
2054 浏览

angular-cli - 如何在 `angular.json` 中配置内联样式和 html 模板?

看起来所有教程都显示了如何以旧angular.cli.json格式配置它。

但不是angular.json格式。这就会产生错误Workspace needs to be loaded before it is used

那么我如何更改现有项目的配置以使用内联模板和 CSS/SCSS 生成组件

谢谢。

0 投票
1 回答
253 浏览

typescript - 使用 angular.json stylePreprocessor 在 NativeScript 应用程序中包含共享样式

我正在尝试使用 Angular 6 stylePreprocessorOptions,因此我可以简单@import 'app'地将品牌/其他共享样式导入组件。

我的 nativescript 项目存在于 NxWorkspace 设置中,该设置本身包含一个angular.json.

来自的文档@nativescript/schematics说要在 NativeScript 项目根目录中生成一个新angular.json文件,我已经这样做了,但我还在我的 NxWorkspace 根目录angular.json文件中放置了一个定义的克隆,因为我不清楚使用的是哪个。

angular.json文件的内容可以在这里找到:https ://hastebin.com/zajiviqoyi.json

尝试使用@import "app"它时告诉我它找不到与app我已完成导入行的文件的相对文件。在我的其他应用程序设置中,但本例中的 NativeScript 似乎忽略了我的配置。

0 投票
2 回答
1148 浏览

angular - Angular Schematics:trustedSubscriber._addParentTeardownLogic

我正在尝试构建一个 Angular Schematics 来帮助我和我的团队快速创建 NgRx 操作。这是原理图功能,大部分是从各种教程中复制的:

我用

并获得以下信息,我什至无法在网上找到任何信息:

编辑:

当我删除所有内容并返回一个空链时,错误仍然存​​在。

那么chain函数有什么问题呢?