访问按钮内的复选框值答案

【问题标题】：Access checkbox value inside button访问按钮内的复选框值
【发布时间】：2019-07-22 14:22:49
【问题描述】：

所以我有一个带有按钮的屏幕，当单击该按钮时，我可以访问一组复选框，我可以选择这些值。这个复选框列表是一个子组件。

此复选框列表位于具有此复选框的组件中

ngOnInit() {
    this.toggleState = this.offerings.map(() => false)
    this.offerings.forEach((offering: ICategoryDto) => {
      offering.value.forEach((offeringValue: string) => {
        this.offeringState[offeringValue] = false
      })
    })
  }

现在我想将这些复选框值传递给可以保存该服务的组件。像这样

  @Input() offerings: ICategoryDto[]

但是这个产品只有按钮的所有值，而不是其中的复选框的值。我怎样才能将这些复选框值传递给这个父组件？有人做过类似的事情吗？

【问题讨论】：

HTML 不允许复选框出现在按钮内。
显示子组件的 HTML。

标签： javascript angular angular8

【解决方案1】：

您可以在此链接中查看： https://stackoverflow.com/a/11048134/4420482

记住这是无效的标记，一些浏览器不支持这个！您应该为该问题找到不同的解决方案。

我相信原因是它们的复选框和按钮都绑定了单击事件，并且可能会出现一些传播问题。

【讨论】：