Javascript 隐藏标签元素？

我有一些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\u type

等于“text”时，它不会显示，除非我删除

标签
标签！我尝试过在没有任何属性（
…
）的情况下使用
标签
标记，但如果我不删除它们，它仍然不会显示输入

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

编辑：现在我尝试删除
输入
并将文本放入（
Hello！
），它出现了……所以它不允许将输入包装在
标签
元素中？o、 o
您需要关闭
输入
标签

<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>


检查您的样式表。可能
label
，
label.item
或
label.item输入
具有显示属性“none”。很有用。@IvanMalenko很有趣……在我的应用程序中该代码不起作用。我想我现在就使用
ng if
。。但我想弄清楚为什么这不起作用。你能像你一样编写一个不起作用的示例应用程序，或者显示你的应用程序的代码吗？