如何在多个复选框上生成动态输入字段[AngularJS]

时间:2016-09-18 12:07:27

标签: javascript angularjs angularjs-ng-repeat

我想在每个复选框上生成文本字段。我的复选框字段也是动态的。 我的示例代码就在这里。

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

谢谢你。

1 个答案:

答案 0 :(得分:0)

以下是此问题的示例代码 可以理解的是,当我们检查复选框时,输入字段显示为隐藏

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

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

这是工作代码笔 http://codepen.io/vkvicky-vasudev/pen/BLLNwZ

如有任何疑问或变更请与我沟通