Angular + jQuery: Error: type property can't be changed

[Dmitry]

Hi
I have very strange error:  Error: type property can't be changed when I'm trying to display a form based on model. inside my view I analyze what kind of field I have and display input, radio .. etc.

it based on this example: http://jsfiddle.net/ProLoser/bp3Qu/light/


I think there already an issue registered in GitHub: https://github.com/angular/angular.js/issues/1114

Does anyone find same behaviour, and maybe someone know how to workaround it ?

Thank you.

[Dmitry]

Looks like this is not jquery problem

I had the following

<input ng-switch-default type="{{field.inputType}}" ng-model="field.value" ng-bind-attr="{required:'{{field.required}}'}" value="{{field.value}}" placeholder="{{field.placeholder}}"  class="input-medium"  ui-event="{ blur : 'changeScopeState()' }">

and looks like angular complain about dynamic TYPE changing. I've replaced this with two lines, without dynamic type, like <span ng-switch-default>Invalid input type: {{field.inputType}}</span> <input ng-switch-when="text" type="text" ng-model="field.value" ng-bind-attr="{required:'{{field.required}}'}" value="{{field.value}}" placeholder="{{field.placeholder}}" class="input-medium" ui-event="{ blur : 'changeScopeState()' }"> and everything works. Not sure is this is a bug, perhaps someone from community should decide this.

[Matjaž Lipuš]

this is jQuery issue. more info here http://stackoverflow.com/questions/8378563/why-cant-i-change-the-type-of-an-input-element-to-submit