javascript - AngularJS ng-repeat for XML attributes -

-

working first angularjs project , ran issue. using xml, converted json x2js.

i want display student names: "ed frank jimmy sally"

my current code outputs "ed jimmy" because accessing student[0]._name. how can cycle through name attributes using ng-repeat?

xml

<school>     <teacher name="williams">         <student name="ed"/>         <student name="frank"/>     </teacher>     <teacher name="ramos">         <student name="jimmy"/>         <student name="sally"/>     </teacher> </school>

json

{     "school": {         "__cnt": 5,         "teacher": [             {                 "__cnt": 6,                 "student": [                     {                         "__cnt": 1,                         "_name": "ed"                     },                     {                         "__cnt": 1,                         "_name": "frank"                     }                 ],                 "student_asarray": [                     {                         "__cnt": 1,                         "_name": "ed"                     },                     {                         "__cnt": 1,                         "_name": "frank"                     }                 ],                 "_name": "williams",                 "__text": [                     "\n\t\t\t",                     "\n\t\t\t",                     "\n\t\t"                 ]             },             {                 "__cnt": 6,                 "student": [                     {                         "__cnt": 1,                         "_name": "jimmy"                     },                     {                         "__cnt": 1,                         "_name": "sally"                     }                 ],                 "student_asarray": [                     {                         "__cnt": 1,                         "_name": "jimmy"                     },                     {                         "__cnt": 1,                         "_name": "sally"                     }                 ],                 "_name": "ramos",                 "__text": [                     "\n\t\t\t",                     "\n\t\t\t",                     "\n\t\t"                 ]             }         ],         "teacher_asarray": [             {                 "__cnt": 6,                 "student": [                     {                         "__cnt": 1,                         "_name": "ed"                     },                     {                         "__cnt": 1,                         "_name": "frank"                     }                 ],                 "student_asarray": [                     {                         "__cnt": 1,                         "_name": "ed"                     },                     {                         "__cnt": 1,                         "_name": "frank"                     }                 ],                 "_name": "williams",                 "__text": [                     "\n\t\t\t",                     "\n\t\t\t",                     "\n\t\t"                 ]             },             {                 "__cnt": 6,                 "student": [                     {                         "__cnt": 1,                         "_name": "jimmy"                     },                     {                         "__cnt": 1,                         "_name": "sally"                     }                 ],                 "student_asarray": [                     {                         "__cnt": 1,                         "_name": "jimmy"                     },                     {                         "__cnt": 1,                         "_name": "sally"                     }                 ],                 "_name": "ramos",                 "__text": [                     "\n\t\t\t",                     "\n\t\t\t",                     "\n\t\t"                 ]             }         ],         "__text": [             "\n\t\t",             "\n\t\t",             "\n"         ]     } }

html

<body ng-app="productsapp">     <div ng-controller="products">         <h2 ng-repeat="product in products ">             {{product.student[0]._name}}         </h2>     </div>     </body>

js

var productapp = angular.module('productsapp',[]); productapp.factory('productfactory',function($http){     var factory = [];     factory.getproducts = function(){         return $http.get("js/allproducts.xml");     }     return factory; }); productapp.controller('products',function($scope,productfactory){     $scope.products = [];     loadproducts();     function loadproducts(){         productfactory.getproducts().success(function(data){             schools = x2js.xml_str2json(data);             console.log(schools.school.teacher);             $scope.products =schools.school.teacher;         });     } });

i had change html this:

<body ng-app="productsapp"> <div ng-controller="products">     <div ng-repeat="product in products">         <div ng-repeat="teacher in product.student " style="color:red;">         {{teacher._name}}         </div>     </div> </div>

i didn't know how use nesting correctly. everyone!


Comments

Post a Comment

Popular posts from this blog

Android : Making Listview full screen -

-
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".mainactivity"> <edittext android:layout_margintop="5dp" android:layout_width="match_parent" android:layout_height="50dp" android:background="@drawable/location_edittext" android:id="@+id/locationeditext" android:textsize="15sp" android:textcolor="#999" android:paddingleft="15dp" /> <com.example.ravi_gupta.slider.viewpagercustomduration android:layout_width="wrap_content" android:layout_height="0dp" android:id="@+id/viewpager" android:scrollbarstyle="outsideoverlay" android:layout_weight="0.5...
Read more

javascript - Parse JSON from the body of the POST -

-
i'm using cameratag.com record video on website. service can send json response server can save data database. don't know how proceed here: the documentation states please note json repsonse passed in body of post , not form parameters. here example of how parse response in ruby: data = json.parse(request.raw_post) video_uuid = data["uuid"] but don't know how data on javascript. i'm not experienced in js please bare me :) post sample: { "uuid": "00012710-4b65-0131-ffe6-22000a499ea4", "camera_uuid": "98373a20-79ee-0130-3e42-1231390fcc11", "created_at": "2013-12-20t05:25:02.000z", "percent_complete": 100, "short_code": "kktb4q", "metadata": { }, "state": "published", "recorded_from": "http://singwho.com", "publish_type": null, "formats": [ { "name...
Read more

javascript - How to Hide Date Menu from Datepicker in yii2 -

-
basically in datetimepicker widget date choose first time, how can hide date option widget , filter according time. tried not working want hide remove button [ 'attribute'=>'time', 'label'=>'time', 'format'=>'raw', 'value'=>function($data){ return date('h:i:s',strtotime($data->time)); }, 'filter'=> datetimepicker::widget([ 'model' => $searchmodel, 'attribute' => 'time', 'clientoptions' => [ 'autoclose' => true, 'format' => 'hh:ii', 'showon' =...
Read more