问题标签 [angular2-directives]

我正在尝试基于单击事件将类应用于 HTML 元素。从父组件的模板中为子组件的选择器设置类属性时，这可以正常工作，如父组件的以下片段所示：

这将在单击该项目时适当地设置样式。但是，我想基于相同的点击事件在子组件中设置一个内部 HTML 元素的类，这是子组件样式的所需目标：

有没有一种容易支持的方法？或者这被认为是一种不好的做法，我应该设计我的组件以避免这种有条件的样式情况？

完整代码：

我用 Angular2 搜索组件之间的通信，但我需要的有点不同。我有这样的结构：

父亲 --> 儿子 --> 儿子

我的代码看起来像这样

父组件：

我的学院.html

我只是有一个表格，当用户从 类似这样的东西<instituicao-form>中单击表格列表的某些项目时，我想填充它：<instituicao-list><instituicao-list>

我的 instituicao-form html 只是一个包含一些字段的表单<input type="text" [(ngModel)]="item.idInstituicao"

我只能使用 ng-model at 来做到这一点<instituicao-form> ，并将我的列表<instituicao-form>也放在。

请问有人可以帮我吗？

我有一个简单的 Angular2 应用程序，它包含App, P1, P2,Child总共 4 个组件，其中App使用P1and P2，两者都使用P1and 。P2Child

这是代码：

触发应用程序的index.html<my-test></my-test>包含所有必需的 Angular2 库。

您可以在Plunker中查看演示，控制台日志显示

这个应用程序在 Angular2 初始化中中断，一旦我将Child两者都放入P1和P2中，它就会中断。

知道它为什么会坏吗？

在我的主视图中，我注入了一个组件，在初始加载时，它显示了正确的整数，但如果我稍后在主视图中更新该值，附加到函数的控制台日志消息显示正确的整数，但实际的 html 值确实不更新。这里发生了什么？

主.js：

price-box.js

所以重申一下：在加载页面时，我的价格框元素显示价格为 130...当我尝试通过该值设置新值时，pbox.price = 200 该值保持在 130但我收到控制台日志消息说SET price box: price = 200

谢谢！

我有一个循环，根据该值，我需要指定一个特定的指令。这是我所拥有的：

问题是，我已经设置了匹配的指令，但是并没有实际调用指令，标记输出很简单

我不明白为什么它不会调用同名指令而不是输出实际值。任何建议将不胜感激！

有没有人使用装饰器创建任何示例Angular 指令？我搜索了很多，但是到目前为止所有开发人员都创建了组件指令。甚至Angular API Review也没有对此多说。@Directive

大家好：我有一个组件。组件视图有一个表格：

这是使用 *ngFor 生成的表视图图像的链接。

业务逻辑是“当单击删除按钮时，必须删除所有选中的收件人”。我想将一个参数传递给我的删除函数（我认为它应该是一个包含已检查收件人 ID 的数组）

这是我的组件代码：

我想知道如何实现这一目标。

干杯

我正在做我的第一个角度项目。无论好坏，我都在尝试将几乎所有可重复的 HTML 转换为指令。我需要让用户选择 HH:MM 格式的时间。所以我需要显示两个 SELECT 元素。由于我需要在很多地方进行此控制，因此我正在尝试将其转换为指令。

指令模板

我对该指令的预期最终结果是获得以分钟为单位的时间值 [(HH * 60 + MM)] 以进行进一步计算。但是，我想不出一种方法可以获取与我的指令关联的单个 ngModel，该指令从两个下拉列表的组合中返回以分钟为单位的时间。我阅读了有关链接功能的信息，但不知道是否可以在我的场景中使用它。让自定义指令跨越多个输入元素甚至是一种好习惯吗？

我按照 angular.io 的 5 分钟快速入门中的说明进行操作，一切正常。我使用时不必声明 .js

然后我开始使用 templateUrl 加载其他组件

当我运行代码时，我收到一条错误消息，说它找不到 localhost:300/src/nav/navMenu

但是如果我在最后添加一个 .js

它工作正常。我已经将 index.html 设置为..

难道不应该这样我就不必再在导入时使用 .js 扩展名了吗？提前致谢。

假设我有一个带有此模板的组件：

如何合并应用于组件的样式，例如

以便最终输出“某些文本”既粗体又是3em 大小？

有没有更好的方法来获取宿主元素的计算样式，例如，我可以将background-color宿主的 应用到border-color模板中某些元素的 ？