你的思路是对的。但是，你的HTML模板似乎有点小误会。
您需要先遍历外部数组，然后再遍历内部数组，以访问各个产品。

<div class="container">
  <ng-container *ngFor="let categoryArray of Productinfo">
    <ng-container *ngFor="let category of categoryArray">
      <div class="row row-cols-sm-4 g-5">
        <div class="col-sm-6 col-md-4 d-flex justify-content-center col-lg-3" *ngFor="let product of category.productData">
          <div class="card card-cover h-100 overflow-hidden text-white bg-white rounded-5 shadow-lg">
            <img src="{{ product.image }}" style="object-fit: cover;">
            <div class="d-flex flex-column ps-3 pe-5 fontName text-light text-shadow-1 h-100" style="position: absolute;">
              <h2 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold" style="position: relative;">
                {{ product.name }}
              </h2>
              <img src="../../../assets/images/bonjour-logo.png" alt="Logo" width="32" height="32" class="rounded-circle border border-dark bg-dark" style="position: absolute; bottom: 15px;">
            </div>
          </div>
        </div>
      </div>
    </ng-container>
  </ng-container>
</div>

字符串
对于基于类别的条件渲染，您可以以类似的方式使用ngIf。例如：

<div class="container">
  <ng-container *ngFor="let categoryArray of Productinfo">
    <ng-container *ngFor="let category of categoryArray">
      <div *ngIf="category.category === 'Bags'">
        <!-- Render content for Bags category -->
      </div>
      <div *ngIf="category.category === 'Eco'">
        <!-- Render content for Eco category -->
      </div>
      <!-- Add more conditions as needed -->
    </ng-container>
  </ng-container>
</div>

型

你的JSON包含一个数组，里面有另一个数组，里面有字段为“category”和“productData”的对象。因此，你应该首先循环包含对象的数组。然后，一旦你有了上面提到的字段的对象列表，你可以使用for循环来遍历productData列表。我认为你需要接口来实现这一点。

[ <- First here with a for loop
        [ <- Then you loop this, so you can get into the object
            {
                "category": "Bags",
                "productData": [ <- inside of each object, you need to loop this in order to show productData object
                    {
                        "id": 1000,
                        "name": "Trolley backpack",
                        "short description": "short description",
                        "long description": "LONG DESCRIPTION",
                        "image": "image.png"
                    }
                ]
            }
        ]
    ]

字符串

修复JSON结构：

[{
  "category":"Bags",
  "productData":[
     {
        "id":1000,
        "name":"Trolley backpack",
        "short description":"short description",
        "long description":"LONG DESCRIPTION",
        "image":"../../assets/images/catalogue/bags/trolleyBackpack.png"
     },
     {
        "id":1001,
        "name":"Laptop bag",
        "short description":"short description",
        "long description":"LONG DESCRIPTION",
        "image":"../../assets/images/catalogue/bags/laptopBag.png"
     }
  ]},{
  "category":"Eco",
  "productData":[
     {
        "id":1100,
        "name":"Bamboo Pen drive",
        "short description":"short description",
        "long description":"LONG DESCRIPTION",
        "image":"../../assets/images/catalogue/eco/bamboo-pendrive.png"
     },
     {
        "id":1101,
        "name":"Bamboo tabletop items",
        "short description":"short description",
        "long description":"LONG DESCRIPTION",
        "image":"../../assets/images/catalogue/bags/bamboo-tabletop.png"
     }
  ]}]

字符串
我想这是你所期望的结构。