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

angular - 集合“@candiman/website”无法解析

我已经检查了Collection “@schematics/angular” 无法解析 并且它不是重复的。

我已经创建了自己的原理图,当我尝试使用它时,ng add @candiman/website@0.0.5-beta.3我遇到了以下错误。

我认为问题是collection.json没有打包发货到npm packageasng-packgr不包含JSON文件

因此,npm 包文件夹中不存在物理collection.json,并且当原理图搜索collection.json文件时失败。

@candiman/website@0.0.5-beta.3现在可以使用原理图npm了,如果有人想尝试一下。

Angular 库的源代码可以在发布带有原理图的 npm 包的项目源中找到

0 投票
0 回答
394 浏览

angular - Angular 原理图可以读取主目录之外的文件吗?

我想在自定义原理图的依赖项所在的目录之外创建一个文件(可能也在那里写一个文件)

例如:

/

/directory_1/package.json => 有原理图依赖

/other_dir/file_to_read.txt => 这是我要阅读的文件

directory_1 和 other_dir 处于同一级别。

一直说:

0 投票
2 回答
2779 浏览

css - 空样式 (.css/.scss) 文件

当我创建 Angular 应用程序时,我使用 CLI 来生成组件。在开发应用程序一段时间后,我为每个组件都有了样式文件,但它们的主要部分是空的。

当我检查声纳时,我在空样式文件中有代码气味:

  • 删除这个空的样式表。
  • 在此文件的末尾添加一个空的新行。

我应该删除声纳规则还是必须删除项目中的所有空样式文件并在需要它们进行组件样式设置时在项目的下一个版本中重新创建它们?什么是最佳实践?

0 投票
1 回答
141 浏览

angular-schematics - 角度示意图混乱

不确定完全理解 Angular Schematics 的概念。更准确地说是如何执行原理图。从一些文章中阅读,我看到我们必须使用ng g my-schematics-collection:simple-schematic --name="some name". 在我看到的其他文章中schematics my-schematics-collection:simple-schematic --name="Angular Community"。再次使用NX,它们使用简单ng g component,就像创建组件的基本 Angular Schematics 一样。他们如何覆盖现有的 Angular Schematics?他们没有指向他们自己的原理图集合这一事实让我感到困惑。

有人可以解释在什么用例中使用什么吗?谢谢!

0 投票
0 回答
580 浏览

angular - 在 Angular 7 中使用 routerLink 时,材质仪表板未显示在导航示意图中

您好我正在尝试在我的项目中添加一个导航示意图,其中第一个链接将显示仪表板,因此当页面首先显示时,它应该显示仪表板。稍后我将添加其他链接。问题是当我尝试在导航示意图链接中使用 routerLink 添加仪表板组件时,它从不显示仪表板。但是,当我直接在 app.component.html 中调用仪表板组件时,它会正确显示仪表板。

请注意完全相同的方式在 Angular 6 中工作和显示仪表板

我已经尝试了 routerLink 的所有可能组合,但它不起作用

这是我配置 app.module.ts 的方式

我的导航组件 html 看起来像这样

在 app.component.html 里面

预期结果 - 仪表板应该显示导航菜单,因为给定的路径是 '' 并且它应该默认为仪表板

实际结果 - 显示导航菜单但不显示仪表板。当我点击链接时没有任何反应

0 投票
1 回答
189 浏览

angular-schematics - NX Schematics,如何调用自己的原理图

我找不到如何使用 NX 使用新创建的原理图ng g workspace-schematic <schematic-name>

这是我的结构:

我想my-first-schematicmy-second-schematic. 我知道,externalSchematic()但是当我们想从另一个集合中调用 schematif 时它很有用。

谢谢!

0 投票
0 回答
65 浏览

angular-schematics - Angular Schematics,如何使用自己的原理图

我找不到如何使用新创建的原理图。

这是我的结构:

我想my-first-schematicmy-second-schematic. 我知道,externalSchematic()但是当我们想从另一个集合中调用 schematif 时它很有用。我只想使用我自己的原理图。

谢谢!

0 投票
1 回答
441 浏览

json - 如何为角度示意图输入数组类型值

我正在学习 Angular Schematics 并且在数组类型输入方面遇到了一些问题。

当系统提示我输入一个值并按 Enter 时,该值会消失。输入数组值的正确方法是什么?

在此处输入图像描述

我的schema.json如下:

0 投票
0 回答
248 浏览

angular - Angular Schematics - 如何动态创建文件?

我正在研究 Angular Schematics。

我创建了一个项目,我可以在其中搭建组件、模块、服务等。

但是,原理图创建的任何文件都必须是预先存在的。例如,如果我想创建一个组件,应该有一个包含以下内容的文件。

我需要做的是,我希望能够动态创建这样的文件,可能在工厂函数中(这是原理图代码的入口点)

我不确定它是否可行,如果有人可以提供或提供一些信息,那就太好了。

谢谢。

0 投票
1 回答
744 浏览

angular - Angular Schematics,修改 angular.json 的代码没有放在一起

我一直在使用原理图来生成标准化项目。我有几个问题,所有这些都与angular.json文件的修改有关

以下代码是我尝试过的示例,在一个可以工作的函数中执行(除了另一件事),并且其中的所有内容都被执行,除了这部分,这会引发错误:

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

这对我来说没有任何意义。

您可以在这里看到的另一个问题是我似乎无法捕获项目的名称,因为我需要修改文件中“architect”中的内容angular.json,我必须跳过项目的名称,我的解决方法是手动输入项目名称为

但是我应该能够捕获这个属性,我已经尝试过并且确实可以在控制台中看到它,但是当替换 options.namep(来自注释forEach函数)时它不起作用并显示无法获取'未定义的架构师属性

应该发生的是添加对象属性

然而,当我编译ng add myschemat --name=new-app

安装停止并简单显示:无法读取未定义的属性“includePaths”

这很奇怪,因为它实际上可以工作,我只是添加了几个样式和那个真正的属性以及对 package.json 的一些更改(即使这些发生在这个 angular.json 修改之前,它们似乎并没有改变任何东西

我在这里肯定缺少什么吗?