将父级作为选项组标题，将子级作为选项 - Laravel

Question

在Categories->SubCategories->MenuItems 之间，我有很多通过雄辩的关系。我需要将类别名称显示为 optgroup 标头，并将其子类别显示为选项值。而不是我的期望，它显示了每个子类别之上的类别。对不起，我是菜鸟，请帮助我。

这是我到目前为止所做的。

<select wire:model="sub_category_id" class="form-select block w-full mt-1">
    <option>Select Sub Category</option>
    @foreach ($menuitemlist as $menuitem)
        <optgroup label="{{ $menuitem->SubCategories->Categories->category_name }}">
            <option value="{{ $menuitem->SubCategories->id }}">{{ $menuitem->SubCategories->sub_category_name }}</option>
        </optgroup>
    @endforeach
    @error('sub_category_id') <h1 class="text-red-500">{{$message}}</h1>@enderror
</select>

这是我得到的输出。

编辑

这是我的亲戚。
类别模型

public function SubCategories() {
   return $this->hasMany(SubCategory::class, 'category_id');
}

public function MenuItems() {
    return $this->hasManyThrough(MenuItem::class, SubCategory::class, 'category_id', 'sub_category_id');
}

子类别模型

public function Categories() {
    return $this->belongsTo(Category::class, 'category_id');
}

public function MenuItems() {
    return $this->hasMany(MenuItem::class, 'sub_category_id');
}

菜单项模型

public function SubCategories() {
    return $this->belongsTo(SubCategory::class, 'sub_category_id');
}

Answer 1

您实际上是在尝试将所有具有类别名称的子类别显示为选项组标题。您的解决方案是从组件发送类别，然后循环它们以获取子类别。

在组件中

//don't forget to call Category Model
use App\Models\Category;
public function render()
{
    $searchParams = '%'.$this->search.'%';
    $menuitemlist = MenuItem::where('item_name','like', $searchParams)->latest()->paginate(5);
    $categories = Category::with('SubCategories')->get();

    return view('livewire.master-menu.menu-item-list', ['menuitemlist' => $menuitemlist, 'categories' => $categories]);
}

然后在视图循环类别中，然后是子类别。

<select wire:model="sub_category_id" class="form-select block w-full mt-1">
    <option>Select Sub Category</option>
    @foreach ($categories as $category)
       <optgroup label="{{ $category->category_name }}">
           @foreach ($category->SubCategories as $sub)
               <option value="{{ $sub->id }}">{{ $sub->sub_category_name }}</option>
           @endforeach
       </optgroup>
    @endforeach
    @error('sub_category_id') <h1 class="text-red-500">{{$message}}</h1>@enderror
</select>