在Angular JS中使用HTML版本控制渲染动态UI

Question

I have a challenging requirement. The requirement is as follows.

1. We are designing a UI today with 10 UI elements.
2. Users are creating few records.
3. After a month, a new release comes and it has 12 UI elements on screen.
4. When the user creates new records, he should see 12 UI elements, when he opens an old record he should see 10 elements.

In order to achieve this, I thought, we could store the version with which the record was created and render the HTML belonging to that version. But, this will unnecessarily keep increasing the project size, as if the code gets 100 revisions, that much of HTML duplicates will be present.

I thought of using "switch-case" or "if-else" statements in front end, but it will slow the UI as too much heavy lifting is done by JS.

Please suggest a way to do this requirement with JS or jQuery or Angular. Any one framework is also fine, until it will work.

Thanks a lot for your responses in advance,

Answer 1

Look at a framework called angular-schema-forms. You write no HTML with this framework. Instead you pass it a JSON object that has the fields you want to display and their corresponding display as attributes. It comes preloaded with its own templates for all common controls and also allows you to write your own.