ruby-on-rails - 为什么我的 Angular 应用程序不向我的 Entangle rails Controller 发送参数？

Question

为了了解实时应用程序，我正在尝试使用 Entangled 创建一个基本的留言板.

我有一个 Angular 应用程序和一个带有包含 Entangled::Controller 的消息 Controller 的 Rails 后端。当从 Angular 应用程序提交表单时，此 Rails Controller 成功接收到请求 - 使用 Entangled 提交表单。 (点击提交后，Angular Controller 中会触发一个函数，该函数应在后端创建一条新消息并更新所有订阅该后端的客户端。)

我知道 Angular 函数在点击提交时被触发，我知道函数从表单接收到正确的信息:console.log($scope.message) 显示 {socket :“ws://message-board-olliehm.c9users.io:8080/messages”，用户名:“ggg”，内容:“gggggg” 我在用户名字段中提交“ggg”和“gggggg” "在内容字段中。

问题是这些字段没有到达 Rails Controller 。当我单击提交时，在 Rails Controller 中触发了正确的操作，但参数不包含正确的信息: def create 中的 p params 返回 { “controller”=>“messages”、“action”=>“create”，没有“message”散列，也没有“username”或“content”键。

我不知道 Entangled 对用户名和内容字段做了什么。

Redis 对我来说是新手，所以我不确定是否存在问题。我安装了 Redis，redis-server 正在按照 Entangled 的要求运行。我有一个如下所示的 redis 初始化程序，它在 Rails 控制台中成功连接并让我将数据放入数据库:

$redis = Redis.new(:host => $IP, :port => 6379)

这是我的 Angular Controller :

var controllers = angular.module('controllers');

controllers.controller('MessageboardController', ['$scope','Message', function($scope,Message){

  $scope.message = Message.new();

  $scope.post = function() {
    console.log($scope.message);
    $scope.message.$save(function() {
      $scope.$apply(function() {
        $scope.message = Message.new();
      });
    });
  };

  Message.all(function(err, messages) {
    $scope.$apply(function() {
      $scope.messages = messages;
    });
  });

}]);

这里的消息是指这个工厂:

messageboard.factory('Message', function(Entangled){
  return new Entangled('ws://message-board-olliehm.c9users.io:8080/messages');
});

这是我的 Angular View :

<h1>Messageboard</h1>

<section class='row' ng-if='messages'>
  <ul>
    <li ng-repeat='message in messages'>
      {{message.username}}
      {{message.content}}
    </li>
  </ul>
</section>

<section class='row'>
  <form ng-submit="post()">
    <div class='form-group'>
      <label for='username'>Message as</label>
      <input ng-model='message.username' name='username' type='text'>
    </div>
    <div class='form-group'>
      <input ng-model='message.content' name='message' type='text' placeholder='Write your message here'>
    </div>
    <div class='form-group'>
      <input type="submit">
    </div>
  </form>
</section>

非常感谢您的建议 - 这导致了长期的挫败感，我非常渴望着手创建具有实时更新的内容。

Answer 1

经过反复试验，我意识到后端 Controller 显然接收到的空参数具有误导性。只要我对 Controller 接收到的原始参数执行以下操作，参数就会正确到达并创建并广播一个新的消息对象:

params.require(:message).permit(:content,:username)

即正是您对按预期到达的表单参数所做的事情。对我来说奇怪的是 params 不包含“消息”哈希，直到您需要如上所述的哈希。我想这与它不是常规的 HTTP 请求有关，但将不胜感激......