Мобильная архитектура Варианты с AngularJS

Question

Я строю приложение, которое включает в себя следующие цели проекта:

1. Быстрая и модульная - легкий сердечник, который может быть израсходованы в полнометражном богатое приложение на согласованной основе
2. Mobile первым - это приложение в первую очередь нацелено на мобильные платформы. Он использует некоторые собственные функции устройства. Он должен выглядеть и чувствовать себя как мобильное приложение (с переходом страницы и событиями салфетки). Однако большое количество его функций также должно быть доступно веб-браузерам. Моя цель - иметь единую базу кода с общим ядром и мобильными конкретными расширениями.

До сих пор я выбрал следующий стек.

1. AngularJS: В других проектах я использовал несколько фреймворков JavaScript. Угловая кажется мне лучше всего с точки зрения модульности и продуманного дизайна. Я хочу использовать Angular native constructs (например, директивы) и свести к минимуму «другие виды» виджетов на основе JavaScript из внешних инструментов пользовательского интерфейса.
2. Кордова: Мне комфортно с философией дизайна и подключаемой системой. Я знаю соображения производительности, которые подчеркивают важность выбора правильной структуры JavaScript.
3. Некоторые адаптивные рамки: Bootstrap 3 будет моим предпочтением на момент написания. Мне нравится его внешность. Это дизайн кажется звуковым. Существуют угловые директивы для замены его плагинов jQuery.
4. У меня есть четко определенный REST API на стороне сервера, который связан с угловыми ресурсами. Я не планирую делать «презентационные материалы» на сервере.

Вот мой вопрос: На пункте 3, Bootstrap, кажется, отсутствуют возможности для построения «продвинутые» мобильное приложение. Ответственное поведение Bootstrap отлично подходит для базовых элементов управления, но мне нужно немного больше. Например, такие вещи, как переходы на страницы и события салфетки, предоставляются бесплатно с помощью jQuery Mobile. Хотя я не ожидаю найти такие мобильные функции в Bootstrap, кажется, что я должен иметь возможность включать директивы, которые добавили бы такие вещи, как переходы страниц и салфетки, без совпадения с Bootstrap CSS. Есть угловой-мобильный-nav, кто-нибудь использует его в сочетании с Bootstrap? Или Bootstrap просто неправильный выбор?

Answer 1

Вид позднего на этот вопрос, но вы должны зарегистрироваться Ionic. Он использует Angularjs и поставляется с множеством отличных компонентов (угловые директивы) и довольно легко начать работу, но при этом все еще мощный. Я играл с ним на время и люблю его. Определенно хорошее направление для мобильных приложений.

О одна последняя вещь, они хорошо играют с Cordova/PhoneGap

Answer 2

У вас уже есть http://www.appgyver.com/steroids, он хорошо сыграет с Angular и Cordova и избавит вас от некоторых проблем, которые вы упомянули в своем вопросе. Конечно, вы все равно можете поддерживать бутстрап для более «основных» потребностей.

Answer 3

В последнее время у меня был тот же вопрос. Bootstrap 3 - мое предпочтение, но я бы хотел, чтобы у него были мобильные события и анимации. В дополнение к уже упомянутому http://www.appgyver.com/steroids, я также столкнулся с http://ionicframework.com/ и https://github.com/angular-widgets/angular-jqm.

Answer 4

Все эти ответы хороши. Как Steriods, так и Ionic выглядят как отличные рамки и приемлемые решения проблемы, как описано.Для моей конкретной проблемы я создал очень легкий модуль Angular, который добавляет заголовки iOS7 и анимации поверх тем Bootstrap/Bootswatch: https://github.com/fredfortier/angular-ios7.

Мне нужно что-то очень простое, что позволяет мне использовать в основном Bootstrap. Для чего-то более сложного, я бы определенно рассмотрел Стероиды или Ионные.