我有以下來自 mongoDB 的 json 資料：
{"list":
[{
"_id":"62f2fabd09de07c09f9e17e2",
"categoryName":"Web development",
"subcategories":[
{
"subcategoryName":"Backend",
"skills":["Nodejs", "Express"]
},
{
"subcategoryName":"Frontend",
"skills":["Css", "SASS"]
}
]
},
{
"_id":"62f33ba62ae52a71daa99a30",
"categoryName":"Cybersecurity",
"subcategories":[
{
"subcategoryName":"Red team",
"skills":["cURL","wfuzz"]
},
{
"subcategoryName":"Blue team",
"skills":["Cloudfare", "Burpsuite"]
}
]
}]
}
這是我的角度范圍，它從端點獲取 json 資料：
$scope.listSkills = function() {
$http.get("/showSkills").success(function(skills_from_database){
$scope.skills = skills_from_database.list;
})
}
最后是我的 html/angular 代碼
<div ng-repeat="category in skills">
<h1>{{category.categoryName}}</h1>
<div ng-repeat="subcategory in category.subcategories">
<hr>
<h2>{{subcategory.subcategoryName}}</h2>
<div ng-repeat="skill in category.subcategories">
<h5>{{skill.skills}}</h5>
</div>
</div>
</div>
結果是：類別有效
子類別有效，但它從類別中獲取所有技能，而不僅僅是從子類別中
技能不起作用，它獲取技能部分，但它應該獲取所有陣列值，我不知道該怎么做
uj5u.com熱心網友回復：
您的內部回圈需要遍歷subcategory.skills . 我不確定你為什么要再次迭代同一個物件。(ng-repeat="subcategory in category.subcategories"和ng-repeat="skill in category.subcategories")
<div ng-repeat="skill in subcategory.skills">
{skill}
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/507808.html