问题标签 [angular-input]

下面是与 3 个变量一起使用并为每个变量分配默认值的输入装饰器

这就是我将值传递给 ngFor 内的组件的方式。

如果我的项目对象不包含颜色属性，则组件中的颜色变量应将“红色”作为默认值。

但是当我将其记录为：

然后颜色变量将undefined作为值。

这是上述日志的控制台

第一个日志是当项目不包含颜色属性时，第二个是当它包含值为蓝色的属性颜色时

我正在尝试创建这样的通用控件

动态控制.ts

主要组件.html

现在我想将两个类传递给按钮，但是当我试图以这种方式传递它时，我得到了错误

[类]='btn 两个'

我想，我们不允许在输入参数中添加空格，还有其他方法可以实现吗？

这是stackblitz链接

我有一个问题，我试图仅使用 angular 和 css 来实现手风琴，并全部展开并全部折叠。展开全部/折叠所有链接都在父组件中，而手风琴在子组件中。单击展开全部/折叠所有子属性将通过@input 变量更改。这是代码片段

现在问题是当我加载手风琴的页面内容时处于活动状态..工作正常...单击折叠..所有手风琴隐藏..工作正常...单击其中一个手风琴（在面板标题上）..它扩展为更改 panelHide 属性...工作正常...

现在，当我再次单击折叠所有链接时，问题就出现了。它应该再次设置@Input panelHide，并且手风琴应该折叠..但它没有......什么都没有发生..似乎它保留了它的原始状态。并且代码失败..

父组件.html

父组件.ts

Child.component.html

child.component.ts

我已经尝试过 ngOnChanges .. 更改不会在 panelHide 上显示任何更改，一旦我第二次单击 Collapse all ... 如上所述。

我有一个父组件，它使用 . 将一些数据 ( selectedId) 传递给子组件@Input()。

父模板

子组件使用selectedId如下：

子模板

子组件

这完美地工作。问题是当我直接从子组件更改所选项目时 - 不使用父组件。

当它不能按预期工作时，这是以下情况：

1. 从selectedId父组件（API 调用）填充
2. 使用手动更改选择选项（从child-component）
3. API 再次被调用，它应该设置与步骤 1 中设置的 ID 相同的 ID。但是这不会触发更改事件。我的假设是父组件不知道在子组件中进行的手动更改，因此它仍然包含对selectedId步骤 1 的引用，并且不会触发步骤 3 中的更改，因为它是相同的 ID。

我在Stackblitz上重现了这个问题

我知道我可以使用Output()和共享服务来解决这个问题，但是有没有其他方法可以通知家长有关更改检测的信息？

@Input()items在child-component.ts我们将它传递给之前如何使用/操作child-component.html？如果控制台登录，我会得到空对象ngOnInit

子组件.ts

父组件.html

父组件.ts

示例.json

传递给 this.item 的示例响应

我有一个 @Input 在它为真时做某事 ngOnChange 没有检测到它何时为假

当我调用 setValue 函数时，它不属于 ngOnChange

我创建了一个带有错误信息的弹出框组件（如果有错误）。

目前我有一个界面。

status-message.ts

login.component.ts（父母）

login.component.html

info-box.component.ts（孩子）

info-box.component.html

每当我运行它时，都会出现错误，core.js:6014 ERROR TypeError: Cannot set property 'message' of undefined并且子组件不显示任何文本，但会显示样式。我怎样才能得到这个工作？谢谢

我是 Angular 的新手，我的先生给了我练习，通过使用 Angular 7 单击按钮来获取 p 元素中的输入字段数据。我使用一些功能（onClick，onClickSubmit，myFunction）做了很多尝试，但我每次尝试都失败了.我想我在数据绑定/事件绑定方面遇到了问题。请帮我解决这个问题。

app.component.html：

app.component.ts：

我通过@input价值向孩子提供可下载的数据。当用户单击下载链接时，它正在下载文件而没有任何问题。

但是每当发生变化并观察到ngOnchanges​​- 再次触发下载时，我正在下载一个未知文件。那么，如何修复它或者我怎样才能让它只在用户点击时下载文件？

在用户单击时，我正在触发下载事件。

在product.html我有以下代码：

我得到了productvia 输入（初始值为空），所以product.ts看起来像这样：

我希望product.html看起来像这样：

我的问题是，我怎样才能做到这一点？

我尝试让变量title, subtitle, description简单地指向product的属性 ( title, categories[0], description)，所以product.ts看起来像这样：

但它工作不正常。