angularjs-ng-repeat

When using ngRepeat, 3 pairs of radio buttons can be created using the following code: <div ng-repeat="i in [1,2,3]"> <input type="radio" name="radio{{i}}" id="radioA{{i}}" value="A" checked> A <input type="radio" name="radio{{i}}" id="radioB{{i}}" value="B"> B </div> For some reason, only the last pair of radio buttons generated by ngRepeat is affected by the checked attribute. Is this because of the way AngularJS updates the view? Is there a way to fix it? That is possibly because when browser renders the radio buttons (as ng-repeat expands) all your radios have same name i.e "name="radio{{i

UPDATE : It seems Angular.js doesn't like the <ul> inside a <p>. So, as helpful commenters said, replacing the <p> with a <div> solves the problem. Sorry if this may be a newbie question on Angular.js but I just can't seem to find the error in this code. Consider the following HTML: <div ng-app ng-controller="BlocksCtrl"> <div ng-repeat="block in blocks"> <div id="{{block.id}}" class="{{block.classes}}"> <div> <h1>{{block.title}}, {{block.dates}} <br/> <small> <a href="{{block.place.link}}" target="_blank"> {{block.place.title}}</a> ({{block.place.city_country}}) </small> </h1> </div> <div>

I want to do a ng-repeat on an array which is composed of two arrays, like this : [titles: [], links: []] My arrays (titles and links) have the same length What i want to print in my ng-repeat, finally, is anything like that : {{ array.title }} {{ array.link }} For example, in a C program i have to do that : int i; i = 0; while (titles[i]) { printf("%s - %s", titles[i], links[i]); i++; } It's not clear how you have your data — [titles: [], links: []] isn't meaningful. Ideally you would arrange your data as an array of objects that looks like: var array = [{title: "foo", link: "bar"}, {title

I use leaflet-angular-directive, i successfully display objects in table and map, although i achieved filtering through searching input only affect geojson objects in table. My aim: make filtering through searching input affect geojson objects in table and map. My Module var AppMapDirectory = angular.module('DirectoryAppMap', ['ngResource', 'leaflet- directive']); My Factory AppMapDirectory.factory("Directory", function($resource) { return $resource("json/result.json", {}, { get: { method: "GET", cache: true } }); }); My Controller AppMapDirectory.controller("DirectoryMapList", function($scope

I get following response from database. about array of classes where classes are nested in groups and finally students. "Response":[ { "Id":1,"Name":"Class 1","Location":"Building 1","Groups":[ { "Id":1,"Name":"GB1","Students":[ { "Id":1,"Name":"Mike","RollNo":"1","Performance":{ "Id":1,"Math":"90","Physics":"70","English":"60" } },{ "Id":2,"Name":"John","RollNo":"2","Performance":{ "Id":2,"Math":"90","Physics":"70","English":"60" } },{ "Id":3,"Name":"Muffin","RollNo":"3","Performance":{ "Id":3,"Math":"90","Physics":"90","English":"90" } } ] }, { "Id":2,"Name":"GB2","Students":[ { "Id":4,"Name