问题标签 [ion-checkbox]

我对角度/离子很陌生，我正在尝试创建一个带有默认选中复选框的表单。

它尝试了两者

和

但两者都不起作用。奇怪的是，“禁用”属性工作得很好。

这是我的html：

这是它的样子：

我在装有最新 Safari 浏览器的 MacBook Pro 上使用 angular8 和 ionic4。有任何想法吗？

我需要检查“未打开”中的ion-checkbox项目，但我从服务器获得的项目是item.open. 当我单击ion-checkbox它时，它无法正常工作。

有没有人有办法解决吗？

我是角度/离子的新手

我有父复选框，点击它，我想启用它所有子的勾选，反之亦然

这是我已经厌倦但无法正常工作的代码：

主页.html

主页.ts

我想要做的是当我点击AllBulkhead复选框时，我想选中/取消选中它的所有 3 个子复选框，即longiBulkhead、outerBulkhead、innerBulkhead

下面是我的代码在我取消选中 3 个子复选框中的任何一个时出现意外行为，因此它不会取消选中父复选框，即AllBulkhead复选框

我在哪里犯错有人可以帮助我吗？ 先感谢您！

我试图在 ion-texarea 中打印选中复选框的名称。该应用程序要求输入名称、流派（男性、女性）和描述（高、小、聪明、丑等），底部有一个 ion-textarea 打印一个句子，例如，名称是一个流派和她/他是选中复选框的描述。前任。 约翰是个男人，他又高又聪明又丑。

应用程序的图像

我拥有的html代码是：

打字稿代码是：

我创建了一个包含离子复选框的角度表单。当我将表单值提交到数据库时，离子复选框默认为“true”而不是复选框的值。我的代码是：

因此，我希望他们在 4 个选项中勾选尽可能多的选项，以及他们勾选的名称以显示在我的数据库中。4 个选项出现在 1 个问题下，所以假设我需要将数组发送到数据库？任何想法将不胜感激。非常感谢

我创建了一个表单，它在角度中使用离子复选框，当勾选时将“true”提交给数据库，我如何将框的值提交给数据库，例如在我的列表中是 Junior Groups，所以我会像“少年组”出现在数据库中而不是真实的。该表格还会发送一封电子邮件，因此收件人需要知道查询感兴趣的内容。

到目前为止的代码是：

html表单：

然后在 .ts 文件中有这样的列表：

任何帮助将不胜感激。非常感谢

更新的 .ts 代码是：

我是一家咖啡店的志愿者。我已经构建了一个应用程序，可以向咖啡师展示饮料配方。这是一个快速快照：

数据来自 firebase 实时数据库。这是该数据库的一个片段：

我想要做的是将一些 HTML 放入说明中以格式化它以便于阅读。我通过将模板文件中的内容绑定到 [innerHTML] 来做到这一点，如下所示：

问题 这对<b> <ol> <ul> <li> <br>等等非常有效。但它不适用于<ion-checkbox>输入<input type="checkbox"> 标签在呈现之前在某处被过滤掉。

安全 我知道将 HTML 放入数据库可以增加我的安全面，所以我使用sanitizer过滤 HTML，然后尝试在事后添加。这是我的做法：

你会注意到我首先清理了字符串，然后我做了一个替换，替换[]为复选框。

（如果您有兴趣，我只是在制作一个打开/关闭清单，如果人们在完成任务后可以触摸复选框会很好......我不打算存储复选框值，我只想要复选框的用户体验。）

我已经检查过 item.instructions 实际上在 item 对象中包含了替换的字符串，但是当由 ionic/angular 呈现时，实际文本似乎过滤掉了除普通 HTML 标签之外的任何内容。

最后的问题 那么问题来了：对于使用 [innerHTML] 绑定可以插入到 DOM 中的内容是否存在某种限制？这是我想太多了吗？

谢谢。