2014-02-17 2 views
2

Я реализую приложение AngularJS, имеющее трехглавый основной вид. Макет немного похож на почтовую систему, с навигационной панелью слева. Правая панель разделена на две части; когда вы выбираете что-то из панели навигации, она заполняет верхнюю правую панель, а когда вы выбираете что-то там, она заполняет нижнюю правую панель. Стенки должны быть изменены и прокручиваться.AngularJS: хорошая идея использовать фреймы?

Я вижу три основных пути реализации этого:

  1. Используйте рамки для панелей
  2. Используйте Дивы элементы для панелей, с JavaScript управления для изменения размера и прокруток
  3. гибридных (возможно дивы с JavaScript изменение размера, но содержащие фреймы с естественной прокруткой)

Информация о использовании AngularJS с фреймами очень мало информации, что заставляет меня думать, что (1) ommended. Я просто немного обеспокоен (2), что изменение размера и прокрутки JavaScript будет хуже, чем у обычных элементов управления. В некоторых случаях содержание может быть большим. И (3), кажется, сочетает худший из каждого подхода.

Итак, я ищу совет, по которому подход, скорее всего, будет работать лучше всего.

+0

как насчет ui-router? https://github.com/angular-ui/ui-router не понял, зачем нужны фреймы, просто не пытайтесь их использовать. –

+0

@EugeneP - как я могу сделать отдельные панели с возможностью изменения размера и прокрутки? JSFiddle хорошо справляется с этим; любая идея, какую библиотеку пользовательского интерфейса он использует? – paj28

+0

вы можете использовать bootstrap, например. или просто выполните некоторые сладкие правила CSS. здесь нет ничего сложного –

ответ

2

Угловой UI-маршрутизатор хорошим варианта для решения размещенной проблемы.

https://github.com/angular-ui/ui-router

для CSS - есть много различных рамок, наиболее известные из которых является начальной загрузкой. или вы можете сделать css своими руками.

http://getbootstrap.com/

+0

Спасибо, это действительно помогло! – paj28

+0

Я нашел угловую-ui-макет, чтобы быть лучшей библиотекой для того, чтобы иметь изменяемый размер div: https://github.com/angular-ui/ui-layout – paj28

2

На моем взгляде, его не рекомендуется использовать фреймы, так как разрывы общих функции браузера, как Совместное использование URL, навигация между кадрами, по умолчанию фрейм и т.д.

Лучшим решения использует пользовательский интерфейс маршрутизатор плагина https://github.com/angular-ui/ui-router с вложенным видом https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views. Вы должны проверить пример в документации

Для прокрутки DIV вы должны использовать CSS свойство и изменить его размер, вероятно, было бы неплохо определить директиву

Я надеюсь, что это помогает

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