AngularJs Dynamic Input Type [duplicate]

Question

I am trying to create a dynamic input fields based on a given model. I want the input elements to have a dynamic type property, but when I do it I get the following exception:

Error: type property can't be changed

I've read that IE doesn't support change of the input type, and therefore angular disallowed it for cross-browser compatibility, but I am sure there is a walkaround in my case, when the input elements are loaded only once and don't change after the first load.

The model:

        details: {
            serverName: { type: 'text' },
            port: { type: 'number' },
            nickname: { type: 'text' },
            password: { type: 'password' },
            channel: { type: 'text' },
            channelPassword: { type: 'text' },
            autoBookmarkAdd: { type: 'checkbox' }
        }

The html code:

           <ul>
                <li ng-repeat="(index,detail) in communication.details">{{index}}:
                    <input type="{{detail.type}}" ng-model="detail.value" /></li>
            </ul>

Use ng-switch: stackoverflow.com/questions/15296949/…

Mark Rajcok
– Mark Rajcok

2013-09-22 00:41:13 +00:00
Commented Sep 22, 2013 at 0:41 — Mark Rajcok
– Mark Rajcok, Commented Sep 22, 2013 at 0:41

Aviran Cohen · Accepted Answer · 2013-09-22 00:49:10Z

2

As Mark said, using ng-switch will allow me using dynamic input types.

answered Sep 22, 2013 at 0:49

Aviran Cohen

5,7214 gold badges50 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJs Dynamic Input Type [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related