问题标签 [angular-module]

我即将编写一个通用的 Angular 模块，它可以在我的应用程序中用作即插即用模块。

我想要的是

我想将模块定义及其所有工厂、指令、常量放在一个 js 文件中，例如：

为什么，因为

每当开发人员想要使用我的模块时，他/她只需要调用一个 js 文件，只需将我的模块注入他们的模块中。

我的问题是什么

我已经阅读了John papa 的 Angular 1 good practice style guide，他告诉我在文件中定义单个组件是件好事，但在这里我做的正好相反，我该怎么办？

我目前正在写两个新网站。两者都有很多功能。是否可以使用 Angular 编写小组件/模块并在其他应用程序中重用它们？它的项目结构是什么，或者我可以使用 ng-cli 的结构吗？

我想使用可以从项目中的任何地方调用的常量变量。

我做了'constants.js'。

'app.js'

'controllers.js'

当我从控制器调用“const”时，我收到了这个错误。

我不熟悉 angularjs 及其模块。我希望有人能把我送到正确的方向。

提前致谢。

我正在学习 Angular 2+，我很难理解导入/导出在 ngModule 中的作用。更具体地说，如果您还要使用 es6 语法导入模块，为什么导入模块很重要

检测模块是通过 es6 语法导入的不是更简单吗？

导入 - 此模块中声明的组件模板需要其导出类的其他模块。

但是我们已经在组件级别导入了这些。我错过了什么吗？我也在寻找一些例子来说明他们为什么选择这种语法。

假设我们有一个模块在里面做一些认证工作。

我想在将模块添加到项目时设置一些变量。

我已经看到路由模块与 function 做了类似的事情forRoot(routes)。

所以我尝试了同样的方法，但感觉不正确。

我的身份验证模块（应该是可配置的）

AuthMode 只是一个enum持有值，用于比较稍后在AuthenticationGuard.

我app.module.ts添加这样的模块：

像这样AuthenticationGuard注入authModeby 值：

当使用带有路由和canActivate属性的警卫时，这可以正常工作。但是一旦我将它注入到其他一些服务（在另一个模块中），我就会得到这个错误：

错误：NgModule 'AuthenticationModule' 的提供程序无效 - 只允许提供 Provider 和 Type 的实例，得到：[?undefined?, ...] at SyntaxError.ZoneAwareError

所以我的基本问题是：

• 这是如何使 ngModule可配置的方式吗
• 什么可以解决上述问题？

使用 Angular 2 和 angular-cli (beta 25) 构建

我正在开发以下演示应用程序：

向用户显示国家列表（全部显示为带有基本信息和图像的卡片）。当一个国家被点击时，它们会被引导到那个国家的详细信息中，我还显示了该国家的景点列表（例如，埃菲尔铁塔和法国的卢浮宫博物馆）。

国家：

带有景点列表的国家详细信息：

这是我的项目结构

一切正常，但我确实有一些问题：

• 我的架构是否遵循良好实践？如果不是，我应该改变什么？
• 我的模块导入是否正确，例如我应该在根 AppModule 中导入 AttractionsModule （当我这样做时它抱怨，因为 CountryDetail 无法识别<attraction-list></attraction-list>
• 当我加入延迟加载时会发生什么，它将如何影响我的设置？

提前致谢！

我一直在寻找解决我的问题，我知道它被问了很多次，但它对我的问题没有用。

我有两个组件：

• 部门

• 全布局

整个问题是尝试使用@Inputs().

下面我将首先向您展示我的文件夹结构，然后是我拥有的代码。

部门文件夹结构

布局文件夹结构

departments.component.ts

departments.module.ts

full-layout.component.ts

full-layout.component.html

app.module.ts

我的问题就在这里。当我运行这个程序时，我得到绑定错误，我不知道为什么以及如何修复它。

无法绑定到“valueToPass”，因为它不是“app-departments”的已知属性。

1. 如果 'app-departments' 是一个 Angular 组件并且它有 'valueToPass' 输入，那么验证它是这个模块的一部分。

2. 如果“app-departments”是一个 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。

一个小小的帮助将不胜感激。

谢谢冠军！

我有两个组件，完整布局（父组件）和部门（子组件）。

当 Full-Layout 中的变量被绑定并传递给子组件时，它总是声称它是未定义的。我不确定为什么。

full-layout.component.html

full-layout.component.ts

departments.component.ts

departments.module.ts

app.module.ts

undefined当我在我的子组件中打印标题时收到消息。

知道如何解决这个问题吗？

谢谢冠军！

我有一些 Angular 服务，它们具有相同的方法来解析 json 响应、处理错误等（例如，如果它是 422 错误则进行捕获）。

显然，我不希望将这些方法复制并粘贴到每个服务中，但我似乎找不到任何关于我应该将这段代码放在哪里的指导。

它们不是类方法，只是每个服务中当前相同的私有方法。

这是一个例子：

有什么方法可以创建一个帮助模块或类似 Rails Concern 的东西，你可以包括？

例如说我有这个文件夹：

应用程序/服务

其中有我的各种 .ts 服务文件。

我可以创建“app/services/helpers”文件夹并在其中放置一个文件……但是该 .ts 文件中包含什么？

例如。parser-helper.ts 可能是文件名，但里面的代码是什么样的？它应该是一个模块吗？如果是这样，我怎样才能将它包含到服务中？

例如，这是推荐的方法吗？

app/services/helpers/parser-helper.module.ts

我正在尝试模块化我的路由模块，如下所示：

app.modules.ts

应用程序.routes.ts

此方法运行良好，但我一直认为我已经在两个文件上指定了组件导入，例如那个 page-not-found。有没有办法将组件导入模块化到单独的文件中，以便我可以将该文件包含在模块和路由中？我已经尝试过这些：

应用程序.routes.ts

并从 app.modules.ts 中删除多余的声明，但似乎 angular 找不到 ngIf 和 md-icon。

我的目标是在克隆这个骨架时尽量减少用户必须编辑的文件数量以满足他们的需要。我正在为我未来的项目创建一个骨架，并且我想最小化我必须编辑的文件。如果可能，我不想碰 app.modules.ts，只编辑 app.routes.ts 和 app.config.ts。或者更好的是，只编辑 app.config.ts，然后放入const appRoutesapp.config.ts。这甚至可能吗？什么是最小化编辑的最佳方法，这样我们就不需要对不必要的文件进行大量篡改。

谢谢你的帮忙