angularjs - Nested JSON in one ng-repeat -

-

i'm new angular, , i'm having problems ng-repeats. have 1 ng-repeat have show nested objects in each repeat. know mean?

this html:

<li ng-repeat="rm in rooms">     <a href="">         <span id="room">{{rm.room}}</span>         <span id="rack_num">rack {{rm.rack}}</span>         <span id="slot_type">{{rm.type}}</span>         <span id="slot_id">slot {{rm.id}}</span>     </a> </li>

i have list of "rooms" , "racks" , "slots":

 [ {   "room": 1,   "rackroom": [     {       "rack": 8,       "rackslots": [         {           "slot": 1,           "id": "ez345t1r",           "type": "single"         }       ]     },     {       "rack": 12,       "rackslots": [         {           "slot": 3,           "id": "56xzu28",           "type": "double"         }       ]     }   ] }, {   "room": 2,   "rackroom": [     {       "rack": 12,       "rackslots": [         {           "slot": 1,           "id": "tze57dg",           "type": "single"         }       ]     },     {       "rack": 32,       "rackslots": [         {           "slot": 7,           "id": "778ghrt",           "type": "double"         }       ]     }   ] } ]

my controller looks this:

$http.get('data/data.json').success(function(data) {          $scope.rooms = [];         $scope.slots = [];         $scope.racks = [];         angular.foreach(data, function(key, val){             $scope.rooms.push(key);             angular.foreach(key.rackroom, function(key, val){                 $scope.racks.push(key);                 angular.foreach(key.rackslots, function(key, val){                     $scope.slots.push(key);                 });             });         });       });

the output should this:

• room: 1 • rack: 12 • type: single • slot: 3  • room: 1 • rack: 24 • type: single • slot: 8

it seems i'm wrong because rooms appear not nested objects. if make 3 separate repeats (slot in slots, rack in racks, room in rooms) appeear, need in 1 repeat ... thank help!

i think following close want:

var app = angular.module('demo', []);    app.controller('mainctrl', function($scope) {    var data = [{      "room": 1,      "rackroom": [{        "rack": 8,        "rackslots": [{          "slot": 1,          "id": "ez345t1r",          "type": "single"        }]      }, {        "rack": 12,        "rackslots": [{          "slot": 3,          "id": "56xzu28",          "type": "double"        }]      }]    }, {      "room": 2,      "rackroom": [{        "rack": 12,        "rackslots": [{          "slot": 1,          "id": "tze57dg",          "type": "single"        }]      }, {        "rack": 32,        "rackslots": [{          "slot": 7,          "id": "778ghrt",          "type": "double"        }]      }]    }];      $scope.rooms = [];    angular.foreach(data, function(room) {        angular.foreach(room.rackroom, function(rack) {        angular.foreach(rack.rackslots, function(slot) {          $scope.rooms.push({            room: room.room,            rack: rack.rack,            type: slot.type,            slot: slot.slot          });        });      });    });  });
.room,  .rack_num,  .slot_type,  .slot_id {    display: list-item;  }  .room_item {    margin: 10px;  }
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>  <div ng-app="demo" ng-controller="mainctrl">    <ul>      <li class="room_item" ng-repeat="rm in rooms">        <a href="">          <span class="room">room: {{rm.room}}</span>          <span class="rack_num">rack: {{rm.rack}}</span>          <span class="slot_type">type: {{rm.type}}</span>          <span class="slot_id">slot {{rm.slot}}</span>        </a>      </li>    </ul>  </div>

the markup may not quite right, can tweak here.

also, if going repeat something, shouldn't use id elements. ids supposed unique across whole page. use classes instead, did.


Comments

Post a Comment

Popular posts from this blog

node.js - How to mock a third-party api calls in the backend -

-
i'm testing application mocha , supertest, test like var request = require('supertest'), app = require('./bootstrap.js'); describe('...', function() { it('...', function() { request(app) .get('/some/url') // ... }); }); the bootstrap.js real application before listen ports all works perfect have add calls third-party api , testing slow so when do, test example takes 5 seconds request(app) .get('/my/endpoint/that/makes/call/others') // ... how can make fake calls during test real when running application? you can use nock purpose.
Read more

node.js - Why do I get "SOCKS connection failed. Connection not allowed by ruleset" for some .onion sites? -

-
i'm experimenting node , socks5-https-client . reason, tor hidden service ( .onion ) sites return connection error. for example, connecting duckduckgo ( 3g2upl4pq6kufc4m.onion ) works , returns html. however, connecting pirate bay ( uj3wazyk5u4hnvtk.onion ) or torch ( xmh57jrzrnw6insl.onion ) returns... error: socks connection failed. connection not allowed ruleset. what error mean? how can avoid it? here's code reproduce it: var shttps = require('socks5-https-client'); shttps.get({ hostname: '3g2upl4pq6kufc4m.onion', path: '', sockshost: '127.0.0.1', socksport: 9150, rejectunauthorized: false }, function(res) { res.setencoding('utf8'); res.on('readable', function() { console.log(res.read()); // log response console. }); }); the error seems caused 0x02 value in field 2 of server response. in summary the servers you're failing access don't support ...
Read more

matlab - 0-by-1 sym - What do I need to change in order to get proper symbolic results? -

-
i solve system of equations symbolically beta1 , beta2 , , beta3 . defined variables follows , set equation system: w1 = sym('w1', 'real'); w2 = sym('w2', 'real'); me1 = sym('me1', 'real'); me2 = sym('me2', 'real'); btm1 = sym('btm1', 'real'); btm2 = sym('btm2', 'real'); mom1 = sym('mom1', 'real'); mom2 = sym('mom2', 'real'); gamma = sym('gamma', 'real'); t = sym('t', 'real'); beta1 = sym('beta1', 'real'); beta2 = sym('beta2', 'real'); beta3 = sym('beta3', 'real'); nt = sym('nt', 'real'); r1 = sym('r1', 'real'); r2 = sym('r2', 'real'); syms e1 e2 e3 real b = [1/t * (1 + ( w1 + 1/nt * beta1 * me1 + beta2 * btm1 + beta3 * mom1 ) *r1 ) ^(-gamma) * ( 1/nt * me1 * r1 ) + 1/t * (1 + ( w2 + 1/nt * beta1 * me2 + beta2 * btm2 + beta3 *...
Read more