问题标签 [angular2-components]

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

angular - 与其他页面具有不同设计的 Angular 2 登录页面

我的主要设计像往常一样在 app.component.html 中。其他组件像母版页一样使用这个。但是如何登录页面会有不同的设计。通常它是像其他组件一样的组件,并且(必须?)在 app.component.html 中工作。

我想不通。有什么建议吗?

0 投票
1 回答
567 浏览

angular - 用变量设置ng2组件模板?

是否可以使用输入变量设置 angular2 组件的模板 url?下面的解决方案不起作用,因为step直到组件详细信息下方才定义。但我很好奇这样的事情是否可行?

然后像这样称呼它:

0 投票
1 回答
898 浏览

angular - Angular2 - 动态组件加载动画

我正在使用这个线程来动态加载组件。我正在尝试在组件之间更改时添加滑动/淡入淡出动画。有谁知道如何使用新的 Angular2 动画来实现这一点?

0 投票
2 回答
6552 浏览

angular - Angular2使用父组件中的单击事件在子组件中切换类

我正在尝试使用单击事件打开/关闭一个类,我遇到的问题是我的单击事件在父组件中,而类在子组件中。我可以使用 @Input() 装饰器用班级初始化孩子,但之后我无法切换班级

0 投票
3 回答
13901 浏览

angular - 如何在多个组件之间使用 Angular 2 的 FormBuilder

我正在尝试在 Ionic 2 中的页面中使用 FormBuilder。

首先,这是我的环境详细信息:在 Windows 10 上运行,并且运行ionic --version给我2.0.0-beta.35

这是我的package.json文件的一部分:

其次,这里涉及到的两个主要文件:

洞察力.ts

洞察力.html

如您所见,我试图将 FormGroup 对象传递给多个组件,以便我可以使用它们。

这是其中一个组件的外观示例(目前的最小版本):

我现在面临的问题是这个错误:

来自 FormBuilder 和 Ionic 2 的错误

我相信正在发生的事情是 FormBuilder 正在寻找我在我的打字稿文件中声明的给定名称(例如 todo、imageUrl、link 等),但由于它在我的其他组件中,它会出错,认为它不存在.

此错误的原因可能是什么?我上网查了一下,没有找到相关的问题。

仅供参考,我之所以在组件中而不是在同一页面中需要它们,是因为将来每个输入的功能都会有所不同,因此需要为每个组件赋予“单一职责”。

提前致谢

0 投票
2 回答
1781 浏览

angular - Angular2根据用户权限显示组件

我有一个简单的问题。如何将一个通用功能注入到许多组件中。

我有一个名为 add-users 的组件,我希望它只能由管理员看到。为此,我为所有用户添加了一组权限,并且我想将一个通用函数注入到许多组件中,以检查用户是否有权查看它们。不用担心黑客,因为在后端进行了另一项检查,即使人们为自己添加权限,他们仍然无法使用管理功能。

例子:

0 投票
0 回答
951 浏览

angular - 是否可以组合两个组件?

我想在ckeditor中实现自动完成

两者都是角度分量。是否可以它们合并为一个?

0 投票
1 回答
1327 浏览

angular - Angular2本地化重载组件HTML

我正在开发一个 Angular2 应用程序,它有多种语言。根据我的 angular2 模板请求发送的 cookie,我从服务器获得不同的语言模板。问题是当我在 Angular 中更改语言时,它不会重新加载 @Component HTML-s,这意味着我没有得到翻译后的页面模板。

例子

在EN工作,我有一个模板

当我在 Angular 中更改语言时,我必须重新加载组件 HTML 以获取(例如)德语翻译模板。

关于我必须使用哪个类来执行此操作的任何建议?我认为它必须比刷新整个页面更容易?

我目前正在做一个

更改语言后,但我无法找到更好的解决方案。

0 投票
2 回答
585 浏览

angularjs - angular2 rc5 使用功能模块中的组件不起作用

我有一个应用程序模块和一个功能模块。在功能模块中声明了一个名为“AudioPlayerComponent”的组件。我想在应用程序模块中使用它,但它没有显示。没有错误。

我错过了什么吗?

应用模块:

功能模块:

功能模块中使用音频播放器(节目)的组件

尝试使用音频播放器的应用程序组件(不显示):

0 投票
0 回答
89 浏览

angular - Angular2从组件中获取视图模板中的所有画布元素?

我想从组件的视图模板中获取所有画布元素。画布元素在 ngFor 中呈现,所以我可以在视图模板中有 0,... 画布元素。我需要抓住它们并使用组件方法来绘制它们。我如何编写一个选择器来抓取嵌套在视图模板中的 DOM 中的所有画布元素?