AngularJS - ng-repeat لا يعمل مع الخصائص الداخلية

Question

إليك كائن أرغب في استخدامه مع ng-repeat، لكنه غير قادر على رؤية ما بداخله firstlang ملكية:

$scope.school{
  name  : "stackoverflow",
  sub   :{
    firstlang : "kannada"
  }
}

هنا هو تكرار نانوغرام الخاص بي:

<ul>
    <li ng-repeat="index in school.sub">
        first language is = {{index.firstlang}}
   </li>
</ul>

النتيجة المرجوة هي: first language is = kannada

Answer 1

بالنظر إلى المثال الخاص بك، ليس من الواضح تمامًا كيف يجب أن تبدو بنية بيانات school.sub في النهاية...هل من المفترض أن يكون كائنًا (كما في بنية البيانات في المثال) أو مصفوفة (كما يبدو أن ngRepeat تقترح).

بشرط أن يكون school.sub كائنًا من شأنه أن يعمل: http://jsfiddle.net/pkozlowski_opensource/WXsFD/1/

<li ng-repeat="(key, value) in school.sub">first language is = {{value}}</li>

من ناحية أخرى، إذا كنت تخطط للبنية الفرعية الخاصة بك لتكون مصفوفة، فإن النهج المناسب سيكون:http://jsfiddle.net/pkozlowski_opensource/WXsFD/2/

<li ng-repeat="index in school.sub">first language is = {{index.firstlang}}</li>

نأمل أن يوضح jsFiddles أعلاه كيفية التعامل مع كلتا الحالتين.