Как получить доступ к вложенным данным JSON с помощью ng-repeat или angular.forEach

Question

У меня есть следующий файл JSON. я не могу получить данные динамически. Пожалуйста, помогите мне решить эту проблему. мое требование заключается в том, что мне нужно просмотреть значение URL, основанное на подмодуле т.е. имя || Я бы. если я обращаюсь к sname как chapter1, мне нужно получить все значения vid -> url, которые присутствуют для этого подмодуля.

[
   {
      "name":"Introduction - About The PMP Credential",
      "sub1":[
         {
            "sname":"Introduction to PMP",
            "id":"1",
            "vid":[
               {
                  "url":"www.abcd.co"
               },
               {
                  "url":"www.xyz.com"
               },
               {
                  "url":"www.xyz.com"
               }
            ]
         },
         {
            "sname":"Chapter1",
            "id":"2",
            "vid":[
               {
                  "url":"www.abcd.co"
               },
               {
                  "url":"www.xyz.com"
               }
            ]
         },
         {
            "sname":"Justification",
            "id":"3",
            "vid":[
               {
                  "url":"www.abcd.co"
               },
               {
                  "url":"www.xyz.com"
               }
            ]
         }
      ]
   },
   {
      "name":"Project Management Framework",
      "sub1":[
         {
            "sname":"Project Seminar",
            "id":"4",
            "vid":[
               {
                  "url":"www.abcd.co"
               },
               {
                  "url":"www.xyz.com"
               }
            ]
         },
         {
            "sname":"Introduction to Communication Management",
            "id":"5",
            "vid":[
               {
                  "url":"www.abcd.co"
               },
               {
                  "url":"www.xyz.com"
               }
            ]
         },
         {
            "sname":"Final Communication Management",
            "id":"6",
            "vid":[
               {
                  "url":"www.abcd.co"
               },
               {
                  "url":"www.xyz.com"
               }
            ]
         },
         {
            "sname":"Modules",
            "id":"7",
            "vid":[
               {
                  "url":"www.abcd.co"
               },
               {
                  "url":"www.xyz.com"
               }
            ]
         }
      ]
   },
   {
      "name":"Cost Management",
      "sub1":[
         {
            "sname":"Introduction to Cost Management",
            "id":"8",
            "vid":[
               {
                  "url":"www.abcd.co"
               },
               {
                  "url":"www.xyz.com"
               }
            ]
         },
         {
            "sname":"Cost Management Introduction",
            "id":"9",
            "vid":[
               {
                  "url":"www.abcd.co"
               },
               {
                  "url":"www.xyz.com"
               }
            ]
         }
      ]
   }
]

Answer 1

    <div ng-repeat="item_nm in test">{{item_nm.name}}
        <div ng-repeat="sub1_dt in item_nm.sub1">
            {{sub1_dt.sname}}
            <div ng-repeat="vid in sub1_dt.vid">
                {{vid.url}}
            </div> 
      </div> 
    </div>

This will display name and corresponding sname and its url.