AngularJS - How to access to the next item from a ng-repeat in the controller -


i'd access parameters of next item on screen when clicking on button.

i use ng-repeat in html file:

<li ng-repeat="item in items | filter:query" ng-show="isselected($index)">     <a href="" ng-click="itemnext()"><img src="xxx.jpg" /></a> </li>

and index in controller loop:

$scope.itemnext = function () {     $scope._index = ($scope._index < $scope.nbitems - 1) ? ++$scope._index : 0;     $scope.functiontocallwithnextitem(nextitem.param1); };

a simple $scope.items[$scope._index].param1 instead of nextitem.param1 wouldn't work data filtered $index+1 $scope.items isn't one.

any idea ?

you can assign filtered data variable:

<li ng-repeat="item in (filtereditems = (items | filter:query))">

then use $index + 1 next item:

<a ng-click="itemnext(filtereditems[$index + 1])">

demo: http://plnkr.co/edit/odl5rixttehnqcc3g4ls?p=preview


Comments

Post a Comment

Popular posts from this blog

google app engine - 403 Forbidden POST - Flask WTForms -

i have flask application running on google app engine. trying submit form built using wtform , keep getting following error. 403 forbidden: don't have permission access requested resource. either read-protected or not readable server. location.html (part of code) <form method=post action="/home/location"> .... <button type="submit" class="btn btn-primary" value="submit"> directions </button> </form> main.py @app.route('/home/location', methods=['post', 'get']) def location(): form = cfcdirections.direction(request.form) print(request.method) if request.method == 'post' , form.validate(): print("after if") directions = cfcdirections() street_no = directions.no street = directions.street suburb = directions.suburb postcode = directions.postcode ...
Read more

how to run a query SQL in node.js mysql -

i have syntax problem in module, fail sql query. i initialize module database in file.js, responds console.log 'connected database', sends data module in database.newdata(data), when enters in runquery nothing happens, no errors or result, nothing! i in runquery if query ok , if this, think happens there error in logic of node, idea connect database , use runquery run query pass. file.js var db = require('./modules/database'); var database = new db(); database.newdata(data); database.js var mysql = require('mysql'), queries = require('./queries'), connection; var db = function(){ var db_config = { host: 'localhost', user: 'diegoug', password: 'qwertyuiop', database: 'test' }; connection = mysql.createconnection(db_config); connection.connect(function(err) { if(err) { console.log('error when connecting database:', err); ...
Read more

Android layout hidden on keyboard show -

i have strange problem layout. when tap on edittext , keyboard shown edittext stay on bottom , when tap on to hide keyboard , keyboard hides , edittext go should when want input text. when tap again, keyboard shown , edittext goes down behind keyboard... <relativelayout android:layout_width="match_parent" android:layout_height="match_parent" > <scrollview android:layout_width="match_parent" android:layout_height="fill_parent" android:above="@+id/rl_commands"> <textview android:layout_width="match_parent" android:layout_height="wrap_content"/> </scrollview> <relativelayout android:layout_width="match_parent android:layout_height="24dp" android:id="@+id/rl_commands" android:alignparentbottom="true"> ...
Read more