如何从关联的Ruby on Rails模型中获取StimulusJS数据？

Question

我是RoR和JS的新手，我正在努力将它们联系起来。

我有一个配方模型，它通过一个列表连接到一个配料模型。

class Recipe < ApplicationRecord
      
  has_many :lists, dependent: :destroy
  has_many :ingredients, through: :lists

我发现了刺激，我正在尝试获取我所有的食谱，只需一个按钮，就只能获取素食的食谱。要做到这一点，我想我必须获得与食谱相关的配料列表：

def index
  recipes = Recipe.all
  respond_to do |format|
    format.html
    format.json { render json: { recipes: @recipes } }
  end
end

和

import { Controller } from "stimulus";

export default class extends Controller {
  static targets = [ 'filt' ];
  connect() {
    fetch('/recipes', { headers: { accept: "application/json" } })
      .then(response => response.json())
      .then((data) => {
        data.recipes.forEach((rec) => {
          const a = rec.ingredients;
          .......

但这似乎不是正确的方式。

(编辑)我的问题是，我已经用我的RoR应用程序创建了一个数据库，但我找不到在我的刺激控制器中使用它的方法。我的刺激控制器中只有一个JSON，只有一个表:我的菜谱。我没有权限访问我的RoR模型中关联的表。有没有一种简单的方法可以在刺激中访问它们？

Answer 1

控制器。我的刺激控制器中只有一个JSON，只有一个表:我的菜谱。我没有权限访问我的RoR模型中关联的表。有没有一种简单的方法可以在刺激中访问它们？

您必须使用jbuilder或序列化程序格式化生成的JSON响应，以包含所需的关系数据。