angularjs-ng-repeat

I am using oi-select library, i have customized it according to my project need and i have written directive for it. The problem is its taking too much of time say 10secs to load around 3k array data. I want to minimize the time for it. Here I have created plunker for this. I have directive which loads all factory data and provides it to oi-select, in my code here is html <small><b>select {{MPhardwaresListDropDown.length}}</b></small> <div style="padding-top: 7px"> <div title="" class="selected-multiple-items"> {{MPselectedHardwares.length}} selected </div> <grid-multi-select id="hardwareId"

I have a little demo on jsfiddle : HTML: <input type="checkbox" id="chkUsr{{usr.Id}}" ng-model="usr.Checked"> {{usr.Name}} : {{usr.Checked}} <input type="text" ng-model="research"/> <div ng-repeat="entity in entities | filter:research | log"> Hello {{entity.id}}! JavaScript: app.filter('log', function() { return function(items) { console.log('yo'); return items; }; }); The log filter is called when input change (even the checkbox). How to change that and trigger log filter only when text input change ? That's because angular runs $digest and updates all the scope properties even if one

I'm wondering is it possible to check what collection to use inside ng-repeat ? For example, in my controller I have 2 arrays of data fetched from server, now I use ng-switch to switch between them, check this jsbin - http://jsbin.com/diyefevi/1/edit?html,js,output The problem is that these li views in my real application are big but very similar.. so I really would like to use 1 ng-repeat instead of 2 . So I wonder if something like ng-repeat="book in if list==='adultBooks' adultBooks else childBooks" is possible in Angular? Thanks! Try this ... In your controller $scope.getDataSource

Is this possible to achieve a code like this:- <tr ng-repeat="data in dataArray,value in valueArray"> {{data}} {{value}} </tr> I am having two arrays I want to show them in single row. PS: I am not asking for syntax. I am looking for logic to achieve this Thanks Like :- " http://jsfiddle.net/6ob5bkcx/1/ " You should be doing this in the controller, not in the view. Map the dataValues into a key/value pair object and reference the values array using an index. This assumes that each data key has a corresponding value key. Controller: var dataArray = []; var valueArray = []; this.repeatData =

I am trying to filter nested objects in ng-repeat by using a search textbox. Given the following object: $scope.items = { "1": { name: "First Item", tag: "first" }, "2": { name: "Second Item", tag: "second" } }; I want to do something like this: <input type="text" name="serchBox" ng-model="searchByName"> <p ng-repeat="(key, values) in items | filter:{name: searchByName}"> Using both {{key}} and {{values.name}} </p> This is indeed not working. I tried a lot of things and I couldn't make it work properly. I don't want to change my object. I was searching a lot but I didn't find anything that

I'm having an issue with using the ng-repeat directive in combination with my own custom directive. HTML: <div ng-app="myApp"> <x-template-field x-ng-repeat="field in ['title', 'body']" /> </div> JS: angular.module('myApp', []) .directive('templateField', function () { return { restrict: 'E', compile: function(element, attrs, transcludeFn) { element.replaceWith('<input type="text" />'); } }; }); See jSFiddle The problem here is that nothing is replaced. What I'm trying to accomplish is an output of 2x input fields, with the 'x-template-field' tags completely replaced in the DOM. My suspicion

I need to create a strcuture as below in my app through ng-repeat. <div class="row"> <div class="col-50">1</div> <div class="col-50">2</div> </div> <div class="row"> <div class="col-50">3</div> <div class="col-50">4</div> </div> Right now my code is as below: <div class="row"> <label class="item item-radio col col-50" ng-repeat="a in question.answer"> <input type="radio" name="answers" class="a-{{ a.correct }}" value="{{ a.correct }}" ng-click='ansValue("{{ a.correct }}")'> <div class="item-content"> <img src="img/ans/{{ a.option }}" /> </div> <i class="radio-icon ion-checkmark"></i> </label>

I'm trying to limit my result sets to a fixed number. I can use limitTo with ng-repeat , but this limits items regardless of their current visibility and removes items from the DOM. I want to limit to a number of visible items while keeping everything in the DOM. Here is the current code that I have. My goal is to always show no more than 50 items in the list even though items contains 500 items. <div ng-repeat="item in items | limitTo: 50"> <div ng-show="item.visible"> <p>item.id</p> </div> </div> This will initially limit to 50 items, but if I filter the list (by modifying item.visible on

What is the difference between value and ng-value attributes in angularjs templates? If I use ng-if on the field using value attribute it works properly but if I change the attribute value to ng-value it stops working. example 1 // it works <input type='radio' ng-model='difficulty' value='hard'/> <div ng-if="difficulty == 'hard'"> <p>difficulty is hard</p> </div> Example 2 // it doesn't work <input type='radio' ng-model='level' ng-value='hard'/> <div ng-if= "level == 'hard'" > <p>level is hard</p> </div> According to the docs , ngValue takes an "angular expression, whose value will be bound to