I have a nested JSON "object" called znanja that I want to showcase on my webpage. It contains various values that I wish to present in the form of a list. Essentially, I am constructing a portfolio to highlight my skills. So far, I've been able to display the title and the entire object, as well as call specific attributes (e.g., {{ znanje.ena }}). However, I am struggling to figure out how to display them without including the attribute name. When I simply use {{ znanje }}, the values are listed as they appear in the JSON structure. Is there an angularJS directive that can help me achieve this? Being new to Angular, I would greatly appreciate any guidance.
Here is my view:
<div ng-repeat="skill in skills">
<h1>{{ skill.title }}</h1>
<p ng-repeat="znanje in skill.znanja">{{ znanje }}</p>
</div>
And here is my data:
$scope.skills = [
{
title: "Code Knowledge",
znanja : [{
ena : "Javascript",
dva : "HTML",
tri : "CSS",
stiri : "SASS"
}]
},
{
title: "Base Code Knowledge",
znanja : [{
ena : "Java",
dva : "PhP"
}]
},
{
title: "Data",
znanja : [{
ena : "MongoDB",
dva : "MySQL"
}]
}
];
PS: I opted to name the znanja attributes ena, dva, tri, stiri instead of 1, 2, 3, 4 for easy referencing in the HTML.