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等于“text”时，它不显示，除非我删除了label标记！我尝试过没有任何属性的label代码（<label>...</label>），除非我将其删除，否则它仍然不显示输入。

这很奇怪，有没有人有任何想法为什么会这样做？谢谢！

编辑：现在我已尝试删除input并将文字放入（<label>Hello!</label>），它会显示.....所以它只是没有' t允许包含在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>

Angular ngSwitch隐藏标签元素？

1 个答案: