angularjs-ng-repeat

I have a situation where I want the user to dynamically add <input> rows when they want to enter a new item. As shown below, the user clicks the "Add Input Item" button and a new input element is added where the user may add text. I'm trying to associate each input element value to the model $scope.items (an array) in app.js . In my index.html , I load the $scope.items using an ng-repeat . What I do not understand is how I can get each input/row to automatically be added to & managed by the model defined as $scope.items . Is it possible to map each input element to an ng-model that relates to

The goal is to create this <h3>11.4.2013</h3> <ul> <li>entry 1</li> <li>entry 2</li> <li>entry 3</li> </ul> <h3>10.4.2013</h3> <ul> <li>entry 4</li> <li>entry 5</li> <li>entry 6</li> </ul> from this [ { "name": "entry1", "date": "11.4.2013" }, { "name": "entry2", "date": "11.4.2013" }, { "name": "entry3", "date": "11.4.2013" }, { "name": "entry4", "date": "10.4.2013" }, { "name": "entry5", "date": "10.4.2013" }, { "name": "entry6", "date": "10.4.2013" } ] The problem is that ng-repeat would have to be on li so I wouldn't never be able to do this using ng-repeat, is that right? I found this

can some one help me in building angular js customfilter. i have built two dynamic filters(brands and Merchants) from the records(Json data) to filter the records with multiple check boxes. now i need to filter records based on checkboxes checked. Initially all the checkboxes should be unchecked and all the records should be displayed. based on the filters selected the records should be selected. my json data is $scope.records = [ { "MerchantName": "Fashion and You", "BrandList": " Nike, Fila", "Description": "Fashion and You Store" }, { "MerchantName": "Fashion and You", "BrandList": " Levis,

I'm trying to build a directive that runs after a nested ng-repeat has completed rendering. Here's what I've tried (fiddle) : The HTML: <div ng-app="MyApp" ng-controller="MyCtrl"> <ul my-directive> <li ng-repeat="animal in animals">{{animal}}</li> </ul> </div> And the JavaScript: angular.module("MyApp", []) .directive("myDirective", function () { return function(scope, element, attrs) { alert(element.find("li").length); // 0 }; }); function MyCtrl($scope) { $scope.animals = ["Dog", "Cat", "Elephant"]; } The linking function in my custom directive runs before all of the <li> elements have been

Still pretty new with Angular, just finding my way around. I'm using ng-repeat to output an alphabetised list of names. I'd like to add dividers within this list that act as labels. Example: -------- A -------- Author 1 Author 2 -------- B -------- Author 3 Author 4 etc My thinking is to use nested ng-repeats to loop through the alphabet, getting an object with the authors for that specific letter with a second ng-repeat. Here's what I have so far: <div data-ng-repeat="letter in alphabet"> <div class="item item-divider"> {{letter}} </div> <ul> <li data-ng-repeat="speaker in GetSpeakers(letter)