更改輸入動態類型和上傳文件

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> 

我要實現以下功能

1. 上更改field_format從select box，改變field_value輸入類型text/file
2. 上載file/text

我已閱讀如何使用角度上傳文件和NodeJS上傳文件正在爲我工​​作，但我不知道如何以這種動態形式實現上傳文件/文本？

選擇框正在與<option value="? undefined:undefined ?"></option>一起呈現如何讓它選擇文本默認值？

Answer 1

爲您的文件創建一個隱藏輸入（例如ng-hidden），並且當更改事件被觸發時，更改控制器中的屬性以使輸入變爲可見。