Angular Formly 巨型复选框和重复标签问题

Question

我有一个 link 到我使用 Angular 和 Angular 形式动态形式以及 angular-message 和 angular- 创建的 plunker动画以添加一些天赋...这更像是我正在研究的概念证明，并将采纳其中的一些想法并为我在工作中帮助构建的新门户实施它们。

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

输入和标签工作得很好，但是复选框和 Select 下拉菜单没有按预期工作...

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

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

如果有人可以看一下并让我知道我做错了什么，我将不胜感激。

要访问复选框，您需要有效地填写表格（或至少在底部输入有效的 10 位数字），然后会弹出第一个复选框，询问您是否年满 18 岁，然后会弹出另一个复选框，询问您是否住在美国。如果这两个都被选中，那么 select 下拉列表会弹出状态。

这里是link plunker，任何帮助将不胜感激！

https://plnkr.co/edit/ADpFUHb2U2j9Q93uWUwN?p=info

    <script type="text/ng-template" id="checkbox-template.html">
  <input type="{{options.templateOptions.type || 'checkbox'}}"
       class="form-control"
       id="{{id}}"
       formly-dynamic-name="id"
       formly-custom-validation="options.validators"
       placeholder="{{options.templateOptions.placeholder}}"
       aria-describedby="{{id}}_description"
       ng-required="options.templateOptions.required"
       ng-disabled="options.templateOptions.disabled"
       ng-model="model[options.key]">
</script>

PS：还有最后一件事......我想让输入框更小，但是当我这样做时，复选框最终会出现在文本的中间（当它们的大小合适且没有模板和双重标签——这可能就是它们现在位于屏幕中间的原因——它们与它们不大时的位置大致相同）

Answer 1

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

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

Answer 2

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

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

所以，我只是将 'hideLabel' 设置为 true，我又回到了只有一个标签的复选框！

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

Angular Formly 巨型复选框和重复标签问题

Angular Formly Giant CheckBox and Duplicate Labels Issues

html

css

angularjs

angular-formly