Multi Array in Angular

Question

I want to make multidimensional JSON array. So that when i filter the id i whould get data of the respective id:

for egs: ID 1022101 the view should be

<li>x</li>
<li>y</li>
<li>z</li>

<div ng-app="myapp">
    <div ng-controller="w">  
        <ul ng-repeat="x in data | filter:1022101 ">
           <li>{{x.file}}</li>                
       </ul>            
   </div>
</div>

controller:

var app = angular.module('myapp',[]);
app.controller('w',function($scope){
     $scope.data = [
               {"id":"1022101","file":["x","y","z"]},
               {"id":"1022102","file":["xa","sy","fz"]}
             ];
     });

Jsfiddle Demo

Where does 1022101 come from? You really want to hard-code that ID in the template? What are you really trying to achieve? — JB Nizet
– JB Nizet, Commented Nov 13, 2015 at 7:22

AntiHeadshot · Accepted Answer · 2015-11-13 07:28:08Z

1

you can use | filter:{id:1022101} to filter fo the id

jsfiddle

answered Nov 13, 2015 at 7:28

AntiHeadshot

1,1309 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mihai · Accepted Answer · 2015-11-13 07:39:30Z

0

If I understand correctly what you are trying to do then you can use something lik this:

<ul ng-repeat="(id, file) in data | filter:id:1022101 ">
     <li>{{file.x}}</li>
     <li>{{file.y}}</li>
</ul>

I am not 100% sure I wrote the filter correctly, but you have your value in the id so you can adjust the filter as you need.

If your file is an Json array, you can make another ng-repeat inside your ng-repeat like

<ul ng-repeat="(id, file) in data | filter:id:1022101 ">
    <li ng-repeat="xFile in file">{{xFile}}</li>
</ul>

edited Nov 13, 2015 at 7:39

answered Nov 13, 2015 at 7:32

Mihai

1,2891 gold badge19 silver badges30 bronze badges

Collectives™ on Stack Overflow

Multi Array in Angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related