Hinweis: Ich bin ziemlich neu in Angularjs

Was ist die beste Lösung / Praxis für ein Problem: Ich habe ein Array oder typisierte Werte, für jeden Typ sollte es unterschiedliche Eingaben geben (Vorlage und Eingabevalidierung)?

Z.B. und vereinfacht

var vars = [
    {
        type: 'int',
        value: 42,
        min: 0,
        max: 42
    },
    {
        type: 'text',
        value: 'foobar'
    },
]

für 'int' wird vorlage sein

<input type="range" max="{{max}}" min="{{min}}" value="{{value}}" />

und für 'text'

<textarea>{{value}}</textarea>

Im realen Fall wird es ziemlich viele Eingänge mit seltsamen Schnittstellen geben