Question

我有如下的HTML

<div class="col-md-12">
  <div class="col-md-4" ng-class="{ 'has-error' : submitted && form.field_format.$invalid }">
    <label for="field_format">Type</label>
    <select class="form-control" name="field_format" id="field_format" data-ng-model="form.field_format" required>
      <option value="text">Text</option>
      <option value="image">Image</option>
    </select>
    <div ng-show="submitted && form.field_format.$invalid" class="help-block">
      <p ng-show="form.field_format.$error.required">Field format is required</p>
    </div>
  </div>

  <div class="col-md-7" ng-class="{ 'has-error' : submitted && form.field_value.$invalid }">
    <label for="field_value">Value</label>
    <input type="text" class="form-control" name="field_value" id="field_value" data-ng-model="form.field_value" placeholder="Enter Value" required/>
    <div ng-show="submitted && form.field_value.$invalid" class="help-block">
      <p ng-show="form.field_value.$error.required">Field value is required</p>
    </div>
  </div>
</div>

我想实现以下功能

在field_format上更改select box，将field_value输入类型更改为text/file
上传file/text

我已阅读如何使用angular上传文件，NodeJS上传文件对我有用，但我不知道如何才能在动态表格中实现上传文件/文字？

选择框正在使用<option value="? undefined:undefined ?"></option>进行渲染如何使其选择文本默认值？

Answer 1

为您的文件创建隐藏输入（例如，使用ng-hidden），当触发更改事件时，更改控制器中的属性以使输入变为可见。

动态更改输入类型并上传文件

1 个答案: