在 Rails 4 上安装 Angular 的最佳方法是什么?
What is the best way to install Angular on Rails 4?
我已经使用 Rails 填充了 api,现在希望在 Rails 上安装 Angular 这样的前端框架。我见过有人使用 Gulp 或 Grunt 来做到这一点,但仍然不是 100%。很想看看专家如何有效地将 Angular 和 Rails 堆叠在一起。非常感谢!
Angular js 是 javascript 构建单页应用程序的框架。当你想将它与 rails 一起使用时,你的前端将是 angular js,后端将是 postgresql 或 mysql 并且要将数据库与前端连接,你应该 rails 来处理来自用户端的请求。数据的响应将始终为 JSON。你只需要在前面处理 JSON 数据。
这意味着您的控制器只会给出 JSON 响应。为此你应该只有控制器和模型。
所以看看这里,这将指导您完成 angular js + rails 绑定,这是一个很好的组合,可以使用并且永远喜欢使用。
How to integrate Rails views with angularjs ng-view?
在 Rails 上获得 AngularJS 非常简单,特别是如果您使用 Rails 作为 API 来源。
- 将以下 gem 添加到您的 Gemfile 中:
gem 'bower-rails'
gem 'angular-rails-templates'
下一步 bundle install
安装 gem。
在您的 app/assets
文件夹中创建一个名为 templates
的文件夹。这是您保存 AngularJS html 模板的地方。
将您的 package.json 和 bower.json 放在您的项目根目录下。
创建一个名为 client-test
的文件夹,因为您已经为 rails api 创建了一个 test
文件夹 - 对吧?!
确保您的 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",
- 为了测试,您将需要使用
karma-ng-html2js-preprocessor
转换 app/assets/templates 文件夹中的模板。
就是这样。希望这对您有所帮助!
我已经使用 Rails 填充了 api,现在希望在 Rails 上安装 Angular 这样的前端框架。我见过有人使用 Gulp 或 Grunt 来做到这一点,但仍然不是 100%。很想看看专家如何有效地将 Angular 和 Rails 堆叠在一起。非常感谢!
Angular js 是 javascript 构建单页应用程序的框架。当你想将它与 rails 一起使用时,你的前端将是 angular js,后端将是 postgresql 或 mysql 并且要将数据库与前端连接,你应该 rails 来处理来自用户端的请求。数据的响应将始终为 JSON。你只需要在前面处理 JSON 数据。
这意味着您的控制器只会给出 JSON 响应。为此你应该只有控制器和模型。
所以看看这里,这将指导您完成 angular js + rails 绑定,这是一个很好的组合,可以使用并且永远喜欢使用。
How to integrate Rails views with angularjs ng-view?
在 Rails 上获得 AngularJS 非常简单,特别是如果您使用 Rails 作为 API 来源。
- 将以下 gem 添加到您的 Gemfile 中:
gem 'bower-rails' gem 'angular-rails-templates'
下一步
bundle install
安装 gem。在您的
app/assets
文件夹中创建一个名为templates
的文件夹。这是您保存 AngularJS html 模板的地方。将您的 package.json 和 bower.json 放在您的项目根目录下。
创建一个名为
client-test
的文件夹,因为您已经为 rails api 创建了一个test
文件夹 - 对吧?!确保您的
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",
- 为了测试,您将需要使用
karma-ng-html2js-preprocessor
转换 app/assets/templates 文件夹中的模板。
就是这样。希望这对您有所帮助!