Как лучше всего установить Angular на Rails 4?

Я заполнил API с помощью Rails и теперь хочу смонтировать внешний фреймворк, такой как Angular, на Rails. Я видел людей, использующих для этого Gulp или Grunt, но все же не на 100%. Хотелось бы увидеть, как эксперты эффективно объединяют Angular и Rails. Очень признателен!


angularjs ruby-on-rails-4 angular-fullstack
person Ji Lee    schedule 12.02.2015    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Получить AngularJS на Rails довольно просто, особенно если вы используете Rails в качестве источника API.

  1. Добавьте драгоценные камни ниже в свой Gemfile: gem 'bower-rails' gem 'angular-rails-templates'

  2. Затем выполните bundle install, чтобы установить драгоценные камни.

  3. Создайте папку в папке app/assets под названием templates. Здесь вы будете хранить свои html-шаблоны AngularJS.

  4. Поместите package.json и bower.json в корень проекта.

  5. Создайте папку с именем client-test, так как у вас уже есть папка test для API рельсов — верно?!

  6. Убедитесь, что ваш package.json правильно ссылается на вашу папку client-test.

Соответствующий раздел scripts должен выглядеть так:

"test": "node node_modules/karma/bin/karma start client-test/karma.conf.js", "test-single-run": "node node_modules/karma/bin/karma start client-test/karma.conf.js --single-run",

  1. Для тестирования вам понадобится использовать karma-ng-html2js-preprocessor для преобразования шаблонов в папку app/assets/templates.

Вот и все. Надеюсь это поможет!

person haroldcampbell    schedule 13.02.2015
comment
Это очень полезно. Спасибо, Гарольд. Используете ли вы для этого диспетчер задач, такой как Grunt или Gulp? - person Ji Lee; 16.02.2015
comment
Ага! В моем проекте ROR API я использую Grunt для анализа и иногда для перезагрузки моих файлов SCSS, когда я настраиваю аспекты пользовательского интерфейса. - person haroldcampbell; 16.02.2015
comment
Прохладно. Спасибо за это. - person Ji Lee; 16.02.2015
comment
Пожалуйста, не забудьте принять этот ответ, если он решит вашу проблему :) - person haroldcampbell; 16.02.2015

arrow_upward
1
arrow_downward

Angular js — это фреймворк javascript для создания одностраничного приложения. когда вы думаете использовать его с рельсами, ваш интерфейс будет угловым js, а серверная часть будет postgresql или mysql, а для подключения базы данных к интерфейсу у вас должны быть рельсы для обработки запросов, поступающих со стороны пользователя. Ответ данных всегда будет JSON. вам просто нужно обрабатывать данные JSON спереди.

Это означает, что ваш контроллер просто даст ответ JSON. для этого у вас должны быть только контроллер и модель.

Так что взгляните сюда, это проведет вас через привязку angular js + rails, это хорошая комбинация для использования и любовь к использованию когда-либо.

Как интегрировать представления Rails с angularjs ng-view?

https://thinkster.io/angular-rails/

person SSR    schedule 13.02.2015
comment
Высоко ценится SSR. Ссылки классные! - person Ji Lee; 16.02.2015
comment
@Джи Ли: Спасибо. Примите ответ, если он вам нужен. ???? - person SSR; 17.02.2015