Angularjs:只需要勾选单选按钮的文本字段。

时间:2015-03-01 02:15:07

标签: javascript html angularjs

我有一个单选按钮和一个文本字段。我希望只有勾选单选按钮才需要文本字段。

<label class="radio">
    <input type="radio" value="createNewCollection" ng-model="selectedCollection" />
</label>
<input type="text" ng-model="collectionName" placeholder="Create new Collection"/>

因此,只有在选择了createNewCollection时才需要collectionName。

1 个答案:

答案 0 :(得分:4)

angular.module('myApp', []);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<form name="form" ng-app="myApp">
  <label class="radio">
    <input type="radio" value="createNewCollection" ng-model="selectedCollection">
  </label>
  <input type="text" name="input" ng-required="selectedCollection" ng-model="collectionName" placeholder="Create new Collection">
  <p ng-show="form.input.$error.required">This is required.</p>
</form>

您需要将该输入的ng-required属性设置为无线电输入的型号名称。 ng-required="selectedCollection"

Read the docs here.