Angularjs code to display dynamic fields binding in html

  	<div ng-repeat="field in questionElements">    
  	  	<ng-form name="form">
  			<label>{{field.question}}</label>
    			<!-- TEXT FIELDS -->
    			<div ng-if="field.type=='textfield'" class="form-group" >
        			<input type="{{field.type}}" dynamic-name="field.id" id="{{field.id}}" data-ng-model="field.answer" class="form-control"/>
      			</div>
      			
      			<!-- SELECT FIELDS -->
			    <div ng-if="field.type=='dropdown'" class="form-group" >
			        <select data-ng-model="field.answer" dynamic-name="field.id" class="form-control" />
			        	<option ng-repeat="option in field.options" value="{{option.key}}">{{option.value}}</option>
			        </select>
			    </div>
      			
      			<!-- RADIO FIELDS -->
			    <div ng-if="field.type=='radio'" class="form-group">
			    	<div class="form-control" ng-repeat="option in field.options" >
			            <input type="radio" data-ng-model="field.answer" id="{{option.key}}" name="{{option.key}}" value="{{option.key}}" >{{option.value}}<br/>
			      	</div>
			    </div>
			    
			    <!-- CHECKBOX FIELDS -->
			    <div ng-if="field.type=='checkbox'" class="form-group">
			    	<div class="form-control" ng-repeat="option in field.options" >
			            <input type="checkbox" data-ng-model="option.answer" id="{{option.key}}" name="{{option.key}}" value="{{option.value}}" >{{option.value}}<br/>
			      	</div>
			    </div>
      			
      		</ng-form>
      	</div>