Render динамический интерфейс с HTML версией в Angular JS

У меня есть сложное требование. Требование следующее.Render динамический интерфейс с HTML версией в Angular JS

Мы разрабатываем пользовательский интерфейс сегодня с 10 элементами пользовательского интерфейса.
Пользователи создают несколько записей.
Через месяц выходит новый релиз и на экране 12 элементов пользовательского интерфейса.
Когда пользователь создает новые записи, он должен увидеть 12 элементов пользовательского интерфейса, когда он открывает старую запись, он должен увидеть 10 элементов.

Для этого я подумал, что мы могли бы сохранить версию, с которой была создана запись, и визуализировать HTML, принадлежащий этой версии. Но это будет излишне увеличивать размер проекта, как если бы код получил 100 версий, большая часть дубликатов HTML будет присутствовать.

Я думал об использовании «switch-case» или «if-else» в переднем конце, но это замедлит пользовательский интерфейс, поскольку JS будет слишком тяжелым.

Пожалуйста, предложите способ выполнить это требование с помощью JS или jQuery или Angular. Любая одна структура также прекрасна, пока она не будет работать.

Большого спасибо за ваши ответы заранее,

источник

2015-07-09 naga1990

Можете ли вы предоставить какой-либо код о том, как формируется ваш пользовательский интерфейс, или информацию о том, как хранятся эти записи? – jimcavoli

Привет @jimcavoli в настоящее время мой пользовательский интерфейс является статическим. Но мне нужно сделать его динамичным. Пользовательский интерфейс является обычным. Он имеет 10-15 текстовых полей и одну таблицу. Простой интерфейс. Он содержит всего 4 страницы – naga1990

С вопросом о том, как создать пользовательский интерфейс, невозможно ответить на ваш вопрос без редактирования, чтобы отразить то, как он выполняется (с примерами кода), и это еще более сложно предложить средство хранения/управления количеством элементов, необходимых без знания хранилища данных резервного копирования. – jimcavoli

Посмотрите основы под названием угловатой-схема-форма. Вы не пишете HTML с этой структурой. Вместо этого вы передаете ему объект JSON, который имеет поля, которые вы хотите отобразить, и их соответствующий дисплей в качестве атрибутов. Он поставляется с предустановленными собственными шаблонами для всех общих элементов управления, а также позволяет вам писать свои собственные.

источник

2015-07-09 05:08:29 tuckerjt07

спасибо @ tuckerjt07, Я проверю эту структуру и вернусь через пару дней о том, как она работает. Большое спасибо за ваш ответ. – naga1990

Привет, @ tuckerjt07, есть ли способ сделать полное манипулирование HTML-объектами на стороне сервера Java и отобразить объект на DOM с меньшим весом на стороне JS, например, с помощью «угловых схем-форм» «обработка на стороне JS выглядит тяжелее – naga1990

Всегда есть способ сделать это, но я бы поставил под сомнение этот подход.Я бы хотел, чтобы он был обработан клиентом, чтобы часть загрузки была удалена с моих серверов и распределена между несколькими клиентами. – tuckerjt07

Render динамический интерфейс с HTML версией в Angular JS

ответ

Смежные вопросы