使用AngularJS和Sails.js后端构建单页应用程序

Question

我刚刚发现了sails.js，我认为这真的很棒。我想使用sails和angular构建应用程序，但是我没有找到任何关于如何做到这一点的指南。我找到了这个网站，它应该有一个关于在mean堆栈中使用sails.js而不是express的讲座，但那里没有视频。

如果能提供关于如何做到这一点的视频或博客文章链接，我将不胜感激。

谢谢大家。

- SamAko

Answer 1

这篇文章因不是有关代码的直接问题而遭到负评。

我有一个样板sailsjs应用程序，你可以用它来模仿自己的应用。

https://github.com/mikedevita/sailsjs-v10-angularjs-requirejs-boilerplate

这是基于目前处于测试版的v0.10版本，但相同的概念适用。

- NDBoost

---

谢谢，我尝试运行你的应用程序以了解它的工作原理，但是我遇到了grunt找不到watch任务的问题，我该如何让它正常工作？再次感谢。 - SamAko

最可能你需要安装SailsJS v0.10。请查看我的答案以了解如何操作：http://stackoverflow.com/questions/21366618/sails-js-data-relationship/21366730#21366730 - NDBoost

谢谢您的快速回复，对我很有帮助。 还有一件事。我发现grunt无法找到各种任务，因为路径不正确 var depsPath = grunt.option('gdsrc') || 'node_modules/sails/node_modules'; 将其更改为var depsPath = grunt.option('gdsrc') || "node_modules"即可解决问题。 对此有什么评论吗？ 再次感谢。PS：虽然它可以工作，但我会收到这个错误（当我运行grunt时） Running "coffee:dev" (coffee) task Warning: Task "sails-linker:devJs" not found. Use --force to continue. - SamAko

Sails有依赖项，它们确实位于node_nodules/sails/node_modules中，我认为这些依赖项也与grunt相关的任务有关。 - NDBoost

Answer 2

我创建了一个简单但功能强大的Angular服务，并发布为Bower组件：https://github.com/diegopamio/angular-sails-bind 它主要有以下功能：

• 自动在$scope中为您创建模型。
• 使用socket从后端检索模型数据。
• 监视用户在UI中所做的更改并立即更新后端。
• 监视后端中所做的更改并立即更新UI。

只需在您的Angular应用程序中添加一行代码即可使用：$sailsBind("", $scope);

我将它作为个人项目的一部分制作，然后决定将其发布，因为它可能有助于他人。它适用于Sails 0.10版本。如果符合您的需求或者您希望看到其他内容，请告诉我。

- Diego Pamio