how to print json array object array in angularjs and html
14,785
Solution 1
We need to write html as below
HTML CODE
<div ng-app ng-controller="LoginController">
<div class="col-md-6" ng-repeat="x in parsedData">
<accordion close-others="true">
<accordion-group is-open="status1.open" ng-class="{'expanded': status1.open}">
<div>{{ x.name }}</div>
<div ng-repeat="y in x.records">
<accordion-heading><p>question is{{ y.question }}</p></accordion-heading>
JS CODE
function LoginController($scope) {
var dataArr =[];
var dataJson = {};
$scope.data = {
"catname": [
{
"name": "How do i 2",
"records": [
{
"question": "propose a new dish",
"answer": "Anim "
},
{
"question": "propose a new dish",
"answer": "Anim "
},
{
"question": "propose a new dish",
"answer": "Anim "
}
]
},
{
"name": "How do i 3h",
"records": [
{
"question": "supply the dishes being demanded by heartyy",
"answer": "Anim"
},
{
"question": "sdsffd",
"answer": "vcvcvcvcvcv"
}
]
}
]
};
$scope.parsedData = $scope.data.catname;
console.log($scope.parsedData);
};
o/p:
How do i 2
question ispropose a new dish
answer is Anim
question ispropose a new dish
answer is Anim
question ispropose a new dish
answer is Anim
How do i 3h
question issupply the dishes being demanded by heartyy
answer is Anim
question issdsffd
answer is vcvcvcvcvcv
Solution 2
privi_d1: JSON[];
json: JSON[];
ngOnInit() {
this.http.get('http://localhost/feitoria/php/device.php')
.subscribe((data) => {
this.json = JSON.parse(data.text()).device;
this.privi_d1 = this.json[0][3];
}, (error) => {
console.log(error);
});
}
Author by
Sachin Saini
I am a web developer who has medium level knowledge in Elixir, Angular, PHP, HTML, CSS, Javascript, MySql, and PostgreSQL.
Updated on June 14, 2022Comments
-
Sachin Saini almost 2 years
angularjs controller
controller('FaqCtrl', function($scope, $http) { $http.get("api/index.php/faq/getqusans") .success(function (response) { $scope.name = response.catname; $scope.records = response.catname; //$scope.question = response.records; }); }).
HTML Code
<div ng-controller="FaqCtrl" class="row"> <div class="" ng-repeat="y in name"> <h3>{{ y.name }}</h3><br/> <div class="col-md-6" ng-repeat="x in records"> <accordion close-others="true" > <accordion-group is-open="status1.open" ng-class="{'expanded': status1.open}" > <accordion-heading>{{ x.question }}</accordion-heading> {{ x.answer }} </accordion-group> </accordion> </div> </div>
Json response
{ "catname": [ { "name": "How do i 2", "records": [ { "question": "propose a new dish", "answer": "Anim " } ] }, { "name": "How do i 3h", "records": [ { "question": "supply the dishes being demanded by heartyy", "answer": "Anim" }, { "question": "sdsffd", "answer": "vcvcvcvcvcv" } ] } ] }
I am not gat the question and answer print in html. only print the name is like 'How do i 2' and 'How do i 2' but name have the quection 'propose a new dish' and answer 'Anim'.