选中复选框时如何动态生成输入字段

【问题标题】：How to dynamically generate an input field when checkboxes are checked选中复选框时如何动态生成输入字段
【发布时间】：2017-01-26 05:12:56
【问题描述】：

如何在每个复选框上生成一个文本字段。我的复选框字段也是动态的。

这是我的代码：

<div>
  <label> Products </label>
  <li ng-repeat="item in INDproducttypes">
    <input type="checkbox" ng-model="indProducts['item.value']" />
  </li>
</div>

<div>
  <div ng-show="indProducts==true">
    <input type="text" name="name">
  </div>
</div>

【问题讨论】：

您不应在绑定表达式中使用模板标记。将 ng-model 表达式更改为“indProducts[item.value]”。

标签： javascript html angularjs angularjs-ng-repeat

【解决方案1】：

当我们勾选复选框时，输入字段显示，否则隐藏：

<div ng-app="DataEntryApp" ng-controller="DataEntryController">

  <div>
    <label> Products </label>
    <li ng-repeat="item in INDproducttypes">
      <input type="checkbox" ng-model="item.value" />
    </li>
  </div>

  <div ng-repeat="item in INDproducttypes">
    <div ng-show="item.value">
      <input type="text" name="name">
    </div>
  </div>

</div>

CodePen

【讨论】：

谢谢@vicky kumar。但我想要这样的功能。当用户单击复选框时，将显示输入字段。 codepen.io/Akhil_dev/pen/VKKKNz
我想为消费者和企业复选框单击单独的输入字段。
@Akhilendrayadav 您能否进一步详细说明您的第二条评论：我想要为消费者和企业复选框单击单独的输入字段