AngularJS - ng-repeat لا يعمل مع الخصائص الداخلية
-
13-12-2019 - |
سؤال
إليك كائن أرغب في استخدامه مع 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
المحلول
بالنظر إلى المثال الخاص بك، ليس من الواضح تمامًا كيف يجب أن تبدو بنية بيانات 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 أعلاه كيفية التعامل مع كلتا الحالتين.
لا تنتمي إلى StackOverflow