Question

我在后端制作了一个带有Rails的Angular JS应用程序。我尝试更新与注释相关联的标记，但我无法弄清楚。我很确定它与我在POST请求中表示数据的方式有关，如下所示：

Started POST "/lesson_notes/notes" for 127.0.0.1 at 2014-04-29 09:53:04 +1000
Processing by LessonNotes::NotesController#create as HTML
  Parameters: "body"=>"hello", "note_type_id"=>2, "tag_ids"=>[1, 3], "note"=>{"body"=>"hello", "note_type_id"=>2}}

这是Rails中的 Note模型：

class Note < ActiveRecord::Base
  has_many :taggings, as: :taggable
  has_many :tags, through: :taggings
end

这是我的 Notes控制器在Rails中：

class NotesController < ApplicationController

  def create
    @note = Note.new note_params
    if @note.save
      render json: @note, status: 201
    else
      render json: { errors: @note.errors }, status: 422
    end
  end

  private

  def note_params
    params.require(:note).permit(:body, :note_type_id, :tag_ids)
  end

end

在表格中我有一个按输入过滤的标签列表。当您单击筛选列表中的标记时，它会将标记添加到targetNote Angular模型：

<form name="noteForm" ng-submit="processNote(noteForm.$valid)" novalidate>

  <ul class="list-inline">
    <li ng-repeat="t in targetNote.tags">
      {{t.name}}
    </li>
  </ul>

  <input id="add-tag" type="text" ng-model="tagQuery"></input>
  <ul>
    <li ng-repeat="t in tags | filter:tagQuery">
      <button type="button" class="btn btn-default btn-sm" ng-click="addTag(t)">{{t.name}}</button>
    </li>
  </ul>

  <button type="submit" class="btn btn-primary" ng-disabled="noteForm.$invalid">{{formAction}}</button>

</form>

在我的 Angular控制器中，这里有相关的方法：

LessonNotes.controller("NotesCtrl", ["$scope", "Note", "Tag", "Alert",
  function($scope, Note, Tag, Alert) {


    $scope.targetNote = new Note();

    $scope.tags = Tag.query();

    $scope.processNote = function(isValid) {
      $scope.targetNote.$save(
        function(n, responseHeaders) {
          Alert.add("success", "Note updated successfully!", 5000);
        },
        function(n, responseHeaders) {
          Alert.add("warning", "There was an error saving the note!", 5000);
        }
      );
    };

    $scope.addTag = function(tag) {
      if($scope.targetNote.tags.indexOf(tag) < 0) {
        $scope.targetNote.tags.push(tag);
        if(!("tag_ids" in $scope.targetNote)) {
          $scope.targetNote['tag_ids'] = [];
        }
        $scope.targetNote.tag_ids.push(tag.id);
      }
    };

}]);

Answer 1

我之前的回答有效，但最终我得到了一些不同的东西。

在我的Notes模型的Rails后端，我定义了这个setter：

def tag_list=(names)
  self.tags = names.map do |n|
    ::Tag.where(name: n).first_or_create!
  end
end

这样我就可以简单地在JSON中发送一组标记名称，而不必担心标记是否已经创建。

在控制器中，我定义了强大的参数，如此

def note_params
  params.permit(:body, :note_type_id, {tag_list: []})
end

注意：我的模型是Rails引擎的一部分，但Tag模型是在父模型中定义的。这就是我将模型引用为::Tag的原因。通常情况下，只需Tag即可。

Answer 2

我最终只为Tagging创建了一个Angular $资源，并在Note模型成功保存后直接在回调中更新了该表。

Rails - 使用has_many保存模型：通过AngularJS层的关联

2 个答案: