Html 角形巨型复选框和重复标签问题

我有一个链接到一个plunker，我已经创建了使用角度和角度形式的动态形式以及角度信息和角度动画，以增加一些天赋…这是一个概念验证的事情，我正在工作，并将采取这些想法和实施他们的一个新的门户，我正在帮助建立工作

但是，我遇到了一个问题，我还没有弄清楚如何解决：

输入和标签工作得很好，但是复选框和选择下拉列表没有按预期工作

所有这些最初都有重复的标签。我添加了一个复选框模板，解决了重复标签的问题，但是它添加了另一个问题，使复选框变得巨大并居中，这是我不想要的

“选择”下拉列表仍然有重复的标签，我还没有弄清楚如何将下拉列表的内容设置为粗体

如果有人能看一眼，让我知道我做错了什么，我将不胜感激

要访问复选框，您需要有效地填写表格（或至少在底部输入一个有效的10位数字），然后，第一个复选框弹出询问您是否超过18岁，然后另一个复选框弹出询问您是否居住在美国。如果选中了这两个选项，则会弹出“选择”下拉列表和状态

这里是plunker的链接，任何帮助都将不胜感激

---

PS：也是最后一件事……我想让输入框更小，但是当我这样做时，复选框就在文本中间结束了（当它们没有模板和双标签的适当大小时——这可能是它们现在在屏幕中间的原因——它在它们不太大的时候在同一个地方）。不确定它是什么，但它似乎与自定义模板有关

---

我在formly网站的示例中查找了一些其他代码，这些代码对消息执行类似的操作，但没有以那种方式创建模板，一旦我更改了代码，它就会消失并停止执行…

不确定它是什么，但它似乎与自定义模板相关

---

我在formly网站的示例中查找了一些其他代码，这些代码对消息执行类似的操作，但没有以那种方式创建那些模板。一旦我更改了代码，它就会消失并停止执行…

在某些情况下，标签同时显示在复选框之前和之后

我查看了表单字段包装器的ngx formly引导程序，发现有一个附加的标签被有条件地输出。但它也展示了如何抑制它

所以，我只是将“hideLabel”设置为true，然后我就回到了复选框的一个标签

  fieldBoolean.templateOptions.label = "Are you sure?";
  fieldBoolean.templateOptions['hideLabel'] = true;

---

在某些情况下，标签显示在复选框之前和之后

我查看了表单字段包装器的ngx formly引导程序，发现有一个附加的标签被有条件地输出。但它也展示了如何抑制它

所以，我只是将“hideLabel”设置为true，然后我就回到了复选框的一个标签

  fieldBoolean.templateOptions.label = "Are you sure?";
  fieldBoolean.templateOptions['hideLabel'] = true;