Как сделать так, чтобы рецепт появлялся только под категорией, к которой он относится, с помощью ng-repeat в AngularJs?

Question

Ниже приведены результаты работы почтальона и часть моего HTML-кода. Теперь проблема в том, что рецепт не был указан в их собственной категории, к которой он принадлежит, когда я пытаюсь использовать ng-repeat для вывода списка. Как мне нужно изменить мой HTML-код, чтобы он работал? ошибка вывода html, пожалуйста, посмотрите

<p ng-repeat="category in categoryList">
   <input type="button" ng-model="category.cID" name="name" ng-value="{{category.cID}}"/>{{category.categoryTitle}}
  <div ng-repeat="category in categoryList">
 <div ng-repeat="recipe in category.recipes" ng-model="recipe.rID"> {{recipe.recipeTitle}}</div></div>
  </p>

[
{
    "cID": 1,
    "categoryTitle": "Main Dishes",
    "recipes": [
        {
            "rID": 1,
            "cookTime": 30,
            "description": "a delicious fried chicken",
            "recipeTitle": "Fried Chicken"
        }
    ]
},
{
    "cID": 2,
    "categoryTitle": "Desert",
    "recipes": [
        {
            "rID": 2,
            "cookTime": 40,
            "description": "a delicious apple pie",
            "recipeTitle": "Apple Pie"

        }
    ]
}]

Answer 1

Ваш код работает в этой ссылочной ссылке . Пожалуйста, проверьте этот код ниже, так как есть изменение <p> тега в <div> тег.

Шаблон:

<div ng-repeat="category in categoryList">
    <input type="button" ng-model="category.cID" name="name" ng-value="category.cID" />
    {{category.categoryTitle}}
    <div ng-repeat="recipe in category.recipes">
      {{recipe.recipeTitle}}
    </div>
    <br/>
</div>

Контроллер:

  $scope.categoryList = [{
    "cID": 1,
    "categoryTitle": "Main Dishes",
    "recipes": [{
      "rID": 1,
      "cookTime": 30,
      "description": "a delicious fried chicken",
      "recipeTitle": "Fried Chicken"
    }]
  },
  {
    "cID": 2,
    "categoryTitle": "Desert",
    "recipes": [{
      "rID": 2,
      "cookTime": 40,
      "description": "a delicious apple pie",
      "recipeTitle": "Apple Pie"
    }]
  }];