Angular ngSwitch隐藏标签元素？

Question

我有一些 AngularJS 代码可以基于具有表单详细信息（输入类型、值等）的数组动态创建表单元素

这是我的文本输入示例代码：

<div ng-repeat="input in input_array">
  <div ng-switch on="input.input_type">
    <div ng-switch-when="text">
      <label class="item item-input">
        <input type="text" placeholder="Hello World">
      </label>
    </div>
  </div>
</div>

如您所见，顶级div 针对数组中的每个表单元素重复。问题在于，当input.input_type 等于“文本”时，它不会显示除非我删除了label 标签！我尝试过不带任何属性 (<label>...</label>) 的 label 标签，但除非我删除它们，否则它仍然不显示输入。

这很奇怪，有人知道为什么会这样做吗？谢谢！

编辑：现在我尝试删除 input 并将文本放入 (<label>Hello!</label>)，它显示出来.....所以它只是不允许输入包装在label 元素中？ o.O

Answer 1

你需要关闭你的input标签。

<div ng-repeat="input in input_array">
    <div ng-switch on="input.input_type">
        <div ng-switch-when="text">
            <label class="item item-input">
                <input type="text" placeholder="Hello World"/>
            </label>
        </div>
    </div>
</div>