How to select only filtered table data in angularjs? -

-

this code:

<div>     <input type="search" class="form-control" placeholder="search  student" ng-  model="stdsearch" /> </div> <table class="table" >     <thead>         <tr>             <th><input type="checkbox" ng-model="master"></th>             <th>admission no</th>             <th>student name</th>             <th></th>         </tr>     </thead>     <tbody>         <tr ng-repeat="student in classstudents | filter:stdsearch">             <td><input id="checkslave" type="checkbox" ng-checked="master" ng-model="student.isselected" aria-label="slave input"></td>             <td>{{student.admission_no}}</td>             <td>{{student.first_name}}&nbsp;{{student.middlename}}&nbsp;{{student.last_name}}</td>         </tr>     </tbody> </table>

here query : want check filtered rows in table when check master checkbox(th).but here selected rows of table when remove search text in search box. pls suggest me. 10q.

here have tried :

the plunker here

i have created sample data per html.

use 'last1' search value. idea.

$scope.classstudents = [{admission_no :1,first_name:'first1' ,middlename: 'middle1',last_name:'last1'},         {admission_no :1,first_name:'first2' ,middlename: 'middle1',last_name:'last1'},         {admission_no :1,first_name:'first3' ,middlename: 'middle2',last_name:'last2'},         {admission_no :1,first_name:'first4' ,middlename: 'middle3',last_name:'last1'}         ];   $scope.checkuncheck = function(mastercheck){                angular.foreach(  $scope.classstudents,function(value,key){                  if(mastercheck && !$scope.stdsearch){                    value.master = true;                 }else{                 value.master = false;          }          })              }  filter('customfilter',function(){      return function(input,mastercheck,stdsearch){           angular.foreach(input,function(value,key){          if(stdsearch){                 if(mastercheck){                     value.master = true;                 }else{                 value.master = false;                 }          }          })         return input;     }   })   <body ng-controller="testctrl">     <input type="text" ng-model="stdsearch">     <table class="table" >             <thead>             <tr>             <th><input type="checkbox" ng-model="master" ng-change = "checkuncheck(master) "></th>             <th>admission no</th>             <th>student name</th>             <th></th>             </tr>             </thead>             <tbody>             <tr ng-repeat="student in classstudents |filter : stdsearch| customfilter : master : stdsearch">             <td><input id="checkslave" type="checkbox" ng-checked="student.master" ng-model="student.isselected" aria-label="slave input"></td>             <td>{{student.admission_no}}</td>             <td>{{student.first_name}}&nbsp;{{student.middlename}}&nbsp;{{student.last_name}}</td>             </tr>             </tbody>             </table>   </body>

please let me know if there error.


Comments

Post a Comment

Popular posts from this blog

python - No exponential form of the z-axis in matplotlib-3D-plots -

-
Image
i have similar problem described in how prevent numbers being changed exponential form in python matplotlib figure : i don't want (in special case) weird scientific formatting of axis. problem different have problem @ z -axis. 2-d plots can use ax.get_yaxis().get_major_formatter().set_useoffset(false) . , there no function ax.get_zaxis() what use format z -axis same way? edit: example: from mpl_toolkits.mplot3d import axes3d import numpy np import sys import matplotlib import matplotlib.pyplot pyplot def func(xi, ti): res = 10e3 + np.cos(ti) * np.sin(xi) return res if __name__ == '__main__': timespacing = 20 timestart = 0 timeend = 1 time = np.linspace(timestart, timeend, timespacing) widthspacing = 50 widthstart = 0 widthend = 3 width = np.linspace(widthstart, widthend, widthspacing) reslist = [] matplotlib.rcparams['legend.fontsize'] = 10 fig = pyplot.figure() ax = fig.gca(projection = '3d...
Read more

php - Best Light server (Linux + Web server + Database) for Raspberry Pi -

-
i install web server database on raspberry pi (little computer). computer has 1gb ram. i want know best combination: linux distribution , web server , dbms run local server multiple users minimal latency, use php on server. , best settings performance , not have bugs (memory usage, disable plugin, disable service, etc)? i thought light debian , lighttpd server , sqlite database. solution? i think lighttpd + sqlite great choice. linux distro, debian @ centos or tiny core linux , although i'm not sure of compatibility pi. obviously, can't go wrong raspbian if want use in production , more stable performance, few more pi's , set them in cluster .
Read more

c# - "Newtonsoft.Json.JsonSerializationException unable to find constructor to use for types" error when deserializing class -

-
i developing app in xamarin android. have splash screen serialize class , pass mainactivity using intent . when try deserialize in mainactivity error message : "serializationexception unable find constructor use types" serialization : void loaddata() { currency currency = new currency(this); intent = new intent(this, typeof(mainactivity)); intent.putextra("currency", newtonsoft.json.jsonconvert.serializeobject(currency)); startactivity(intent); } deserialization : cur = newtonsoft.json.jsonconvert.deserializeobject<currency> (intent.getstringextra("currency")); // error here class constructor : public currency(context context) { thiscontext = context; } i began experiencing problem after added parameter context context constructor. has caused this? how can solve it? possible serialize/deserialize class has parameters? you need have empty constructor in currency class in order deserialize it. ...
Read more