１対多でsubcategoryからcategoryのidが取得できない。

Question

前提・実現したいこと

前回、js周りでつまづきましたが、jqueryを入れることで解決しました。
ただ、今回はrails周りでエラー発生しつまづいております。
最終的には前回と変わらず、連動した動きのセレクトボックスを作ろうとしています。
sub_categoryからcategoryのidを取り出そうとしている部分でつまづいています。
どなたかご教授ください。

発生している問題・エラーメッセージ

undefined method `sub_categories' for #<Category::ActiveRecord_Relation:0x00007fcad95ff798>

該当のソースコード

class Users::SubCategoriesController < ApplicationController

  def index
    @sub_category = SubCategory.new
    @sub_categories = SubCategory.all
    category = Category.where(params[:id])
    render json: category.sub_categories.select(:id, :sub_category_name)
  end

class SubCategory < ApplicationRecord
  validates :sub_category_name, presence: true
  belongs_to :category
  has_many :articles

end

    = form_for [:users, @article] do |f|
      .form-item
        - category_options = Category.order(:id).map { |c| [c.category_name, c.id, data: { children_path: users_category_sub_categories_path(c) }] }
        = f.select :category_id, category_options, { include_blank: true }, class: 'select-parent'

        - sub_categories = @article.category.try(:sub_categories) || []
        - sub_category_options = sub_categories.map { |c| [c.sub_category_name, c.id] }
        = f.select :sub_category_id, sub_category_options, { include_blank: true }, class: 'select-children'
      .form-item
        = f.label :tag_name, "Tag :"
        = f.collection_check_boxes(:tag_ids, Tag.all, :id, :tag_name)
      .form-item
        = f.label :article_title, "Title :"
        = f.text_field :article_title, required: true
      .form-item
        = f.text_area :article_content, class: 'tinymce', rows: 20, cols: 120
        = tinymce
      .form-item
        = f.collection_check_boxes(:tag_ids, Tag.all, :id, :tag_name)
      .button-panel
        = f.submit "Posting", class: "button"
      .form-footer
        = link_to '一覧へ戻る', users_articles_path

$(() =>
  (function() {
    const replaceSelectOptions = function($select, results) {
      $select.html($('<option>'));
      return $.each(results, function() {
        const option = $('<option>').val(this.id).text(this.name);
        return $select.append(option);
      });
    };

    const replaceChildrenOptions = function() {
      const { childrenPath } = $(this).find('option:selected').data();
      const $selectChildren = $(this).closest('form').find('.select-children');
      if (childrenPath != null) {
        return $.ajax({
          url: childrenPath,
          dataType: "json",
          success(results) {
            return replaceSelectOptions($selectChildren, results);
          },
          error(XMLHttpRequest, textStatus, errorThrown) {
            console.error("Error occurred in replaceChildrenOptions");
            console.log(`XMLHttpRequest: ${XMLHttpRequest.status}`);
            console.log(`textStatus: ${textStatus}`);
            return console.log(`errorThrown: ${errorThrown}`);
          }
        });
      } else {
        return replaceSelectOptions($selectChildren, []);
      }
    };

    return $('.select-parent').on({
      'change': replaceChildrenOptions});
  })()
);

  namespace :users do
    resources :articles
    resources :categories do
      resources :sub_categories, shallow: true
    end
    resources :tags
  end

試したこと

https://qiita.com/jnchito/items/59a5f6bea3d7be84b839
こちらを参考にして作成しています。
やりたいことは、まさにそのままです。
サイトでは、

category = Category.find(params[:id])

ですが、この時点でIDがないというエラーになります。
違うサイトでwhereならということでしたが、結局はidを取得出来ていないため
categoryのidを取得出来ないと次でエラーになってしまいました。
どなたかご教授いただければと思います。
よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。
vagrant
ubuntu
ruby 2.5.2p104 (2018-10-18 revision 65133) [x86_64-linux]
Rails 5.2.1
mysql

Comments

[m.ts10806]

全く同じタイトルでは要件が伝わりません（あと解決した感じがない、丸投げしている）ので、少し工夫していただければと　https://teratail.com/questions/153814

[ma5toy]

申し訳ございません！すぐ修正します！

Answer 1

見当違いかもしれませんが、routeが
category_sub_categories GET /categories/:category_id/sub_categories(.:format) sub_categories#index
だったので、
category = Category.find(params[:category_id])
かなとか思いました。

Comments

[ma5toy]

凡ミスでした…泣
ありがとうございます！