javascript - Nesting ng-repeat on one element for filtering -


i have page built of tiles (imagine list of div's thumbnail , title) - each 'tile' can have several tags attributed them..

e.g:

  • tile 1 has following tags: foo, bar, baz, quz
  • tile 2 has following tags: foo, bar, baz
  • tile 3 has following tags: bar, baz
  • tile 4 has following tags: baz, quz .. , on..

at top of page there simple filter menu - each tag clickable in list.

when clicking tag in filter menu e.g. foo, hide tile hasn't got foo tag attributed it. in case, tiles 3 , 4 removed view.

each tile has following template, need extend incorporate tag filtering...

<div ng-repeat="tile in tiles" class="col-md-2" ng-show="showfiles.filters[tile.filetype]">   <div class="sc-file-container">     <h3>{{tile.name}}</h3> // add image here   </div> </div>

very new angular way, in order use ng-hide/ng-show i've been creating arrays in controller $scope - see above, when showfiles.filters['tile.filetype'] set true (by onclick via directive on filter menu example), tile show or hide..

question: there potentially several tags attributed each tile - best way utilise ng-show in above example? how can iterate on tags array - keep within <div>? possible have 2 ng-repeat's on 1 element or have create several dummy <div> wrappers, apply example ng-show="filterbytag['foo']" tile

example of json:

"tiles" : { .. . "filetype" : "pdf", "name" : "this tile 1!", ..   "tags":[     {       "id":1,     "name":"foo"   },   {       "id":2,     "name":"bar"   },   {       "id":3,     "name":"baz"   }   ..  ]  .. }

better way in angular filter tiles array based on selected tag filter.

<div ng-repeat="tile in filteredtiles" class="col-md-2">    <div class="sc-file-container">       <h3>{{tile.name}}</h3> // add image here    </div> </div>  <script>      var filteredtiles = [];      // logic filter tiles based on selected tag in filter  </script>

-

Popular posts from this blog

c# - ODP.NET Oracle.ManagedDataAccess causes ORA-12537 network session end of file -

overview i want replace oracle.dataaccess orcale. managed dataaccess, opening connection latter throws ora-12537 network session end of file exception. exception message / stack trace {oracleinternal.network.networkexception (0x000030f9): ora-12537 : netzwerksession: dateiende @ oracleinternal.network.readerstream.read(orabuf ob) @ oracleinternal.ttc.orabufreader.getdatafromnetwork() @ oracleinternal.ttc.orabufreader.read(boolean bignoredata) @ oracleinternal.ttc.marshallingengine.unmarshalub1(boolean bignoredata) @ oracleinternal.ttc.ttcprotocolnegotiation.readresponse()} i trying connect oracle 11g database , not have client installed on local machine. working test application (unmanaged) using oracle.dataaccess works fine . using system; using oracle.dataaccess.client; namespace app.odp.unmanaged { internal class program { private static void main(string[] args) { //dummy connection string...
Read more

matlab - Compression and Decompression of ECG Signal using HUFFMAN ALGORITHM -

i want compress , decompress ecg signal stored text message text file , find out file size, cr,prd ratio,and qs. here code compression , decompression of ecg signal using huffman algorithm. i'm trying find out file size, compression ratio,prd ratio,qs. but error i'm getting the ecg file in text format. %clearing variables , screen enter code here clear all; close all; clc; [file1]=uigetfile('*.txt'); %fprintf('enter ecg file name :%s',file1); p=file1; t=sprintf('%s',p); b1=dlmread([file1]); len=length(b1); lead=input('enter lead number :'); %lead=str2double(lead); col2=b1(1:end,lead); e=fix(sqrt(len)); m=1; i=1:e j=1:e g2(i,j)=fix(col2(m)*1000); %amplifying 1000 m=m+1; end end g3=g2; i=1:e j=1:e ...
Read more

utf 8 - split utf-8 string into bytes in python -

i trying split utf-8 string bytes in python 3. problem is, when use bytearray, byte, encode etc functions array size of element 14 bytes, not 1 byte expected. need split text file sequence of bytes , send them byte after byte using sockets. tried this: infile = open (file, "r") str = infile.read() byte_str = bytes(str, 'utf-8') print("size of byte_str",sys.getsizeof(byte_str[0])) print gives me 14, need 1... suggestion? quoting official documentation : sys.getsizeof(object[, default]) return size of object in bytes. object can type of object. built-in objects return correct results, not have hold true third-party extensions implementation specific. only memory consumption directly attributed object accounted for, not memory consumption of objects refers to. if given, default returned if object not provide means retrieve size. otherwise typeerror raised. getsizeof() calls object’s __sizeof__ method , adds ...
Read more