angularjs-ng-repeat

I am running this simple code with angularjs : HTML : <div ng-app ng-controller="AController"> <code>{{ itemsInArray }}</code> <div ng-repeat="item in itemsInArray"> <input ng-model="itemsInArray[$index]" /> </div> </div> JavaScript : function AController($scope) { $scope.itemsInArray = ["strA", "strB", "strC"]; } Binding appears to be working correctly when indexing into the array but after entering one character the input loses focus. You can find the working code here on this fiddle : http://jsfiddle.net/QygW8/ I think this is happening because you are manipulating the same item which is

It is possible to remove filter using a checkbox? If checkboxes are checked, filters inside ng-repeat would be disabled. For example, if the checkboxes countryfilter and winetypefilter are checked, the related filters would be disabled. Original code (filters enabled) <li ng-repeat="wine in wines | winetypefilter:winetypes| countryfilter:countrytypes | stylefilter:styletypes"> {{wine.name}} is a {{wine.type}} with {{wine.style}} style from {{wine.country}} </li> (filters disabled with the checkboxes, countryfilter and winetypefilter ) Would result: <li ng-repeat="wine in wines | stylefilter

When I upgrade the the ng-repeat takes extraordinarily long to load and tries to display MORE content boxes without the content that is being served by $resource. I have narrowed the problem down to the update between 1.1.0 and 1.1.1. I looked through the changelog but nothing popped out at me to be the culprit, but it must be in there. Changelog => https://github.com/angular/angular.js/blob/master/CHANGELOG.md#111-pathological-kerning-2012-11-26 The repository for this app => https://github.com/brianpetro/resume Currently my angular looks like: app = angular.module("Resume", ["ngResource"])

I want to play songs stored in my sails server. Path is http://localhost:4000/images/123.mp3 . In front end, i'm using ng-repeat to list that songs from server. <div ng-repeat="tones in ringTones track by $index"> <div> <i ng-show="playpause" class="fa fa-play-circle" ng-click="playpause=!playpause" onclick="plays(event);"><audio id="audio_{{$index}}" ng-src="tones.tonePath"></audio></i> <i ng-show="!playpause" class="fa fa-pause" ng-click="playpause=!playpause" onclick="stop(event);"></i></div> </div> This audio source cause external resource problem <audio ng-src="tones.tonePath"></audio> in

When defining an ng-repeat directive to iterate over an array, the syntax specifies ng-repeat="friend in friends" , and then within the template you use the interoplation operator like so {{friend.name}} . Is it possible to have the properties assigned to the current item scope, rather than a variable in it? So I could call just {{name}} instead of {{friend.name}} ? The reason being is that my directive is being used in the scope of two different templates - for example I might have a directive "userActions" that is used in both a repeater, and also inside an unrelated template where {{friend

I have an array of items items . I would like to use the ng-repeat directive or something similar, to group n items together. For instance: I would like items=['a', 'b', 'c', 'd', 'e', 'f', 'g'] to be rendered in groups of 3 to be rendered as: <div class="row"> <div class="col-sm-4">a</div> <div class="col-sm-4">b</div> <div class="col-sm-4">c</div> </div> <div class="row"> <div class="col-sm-4">d</div> <div class="col-sm-4">e</div> <div class="col-sm-4">f</div> </div> <div class="row"> <div class="col-sm-4">g</div> </div> I know I could do some processing to turn items into items=[['a', 'b',