ng-repeat

How to push objects in AngularJS between ngRepeat arrays

由 倾然丶 夕夏残阳落幕 提交于 2019-12-03 03:04:58
问题 So I'm new to AngularJS and I'm trying to build a very simple list app, where I can create an ng-repeat item list and then push a selected item into another ng-repeat list. Although my problem seems to be very simple I wasn't able to find a proper solution yet. So here's the simplified markup: <body ng-app="MyApp"> <div id="MyApp" ng-controller="mainController"> <div id="AddItem"> <h3>Add Item</h3> <input value="1" type="number" placeholder="1" ng-model="itemAmount"> <input value="" type=

filter: notarray error in angularjs

由 匿名 (未验证) 提交于 2019-12-03 02:52:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: http://plnkr.co/edit/cJsScs8ixF1aq85Ri7nV?p=preview filter is not working. Other part of code also breaks. Throwing error filter:notarray. how it can be fixed <head> <link rel="stylesheet" href="style.css"> </head> <body ng-init="items=[3,1,2,3];"> <h1>Hello Plunker!</h1> <div > </div> <input type="text" ng-model="nm" /> <div ng-repeat="item in items track by $index | filter:nm" ng-hide="hide"> {{item}} </div> <button ng-click="hide=!hide">Toggle </button> <button ng-click="items[items.length]=items.length">Add</button> <script src="https:/

AngularJS: How to animate ng-repeat on load using ng-animate

由 匿名 (未验证) 提交于 2019-12-03 02:51:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: Folks! How can I get the divs created using ng-repeat to slide down..I mean grow in size ON LOAD. I want to achieve this using ng-animate and the animation should trigger when the page loads. I am looking at this example given in the docs wherein the animation beautifully runs when you filter the items but not when the page loads. I am using version 1.2.0 A working fiddle or plunk would be appreciated. Thanks in advance. 回答1: In order to show ng-repeat animation on page load, the target array has to be initially empty. Then assigned with

angular Infinite $digest Loop in ng-repeat

由 匿名 (未验证) 提交于 2019-12-03 02:15:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: I want to call function in ng-repeat attribute, here is my code example plnkr html <body ng-controller="mainCtrl"> <div ng-repeat='item in getGroupedRange() track by item.id'> <span>{{item.val}}</span> <span>{{item.abs}}</span> <span>{{item.rel}}</span> <span>{{item.cum}}</span> </div> </body> js $scope.getGroupedRange = function() { return [ { val: 1, abs: 1, rel: 1, cum: 1, id: 123456 } ]; }; When I opened console I noticed the error 10 $digest() iterations reached. Aborting! Watchers fired in the last 5 iterations: [[{"msg":"fn: function

Angular filter exactly on object key

由 匿名 (未验证) 提交于 2019-12-03 02:13:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: I have a small angular app like so: html <body ng-app> <div ng-controller="Ctrl"> <div ng-repeat="user in users | filter:1"> <span>{{ user.username }}, {{ user.id }}</span> </div> </div> </body> app.js function Ctrl($scope) { $scope.users = [ {"id":1,"username":"simon",}, {"id":8,"username":"betty",}, {"id":14,"username":"archie",}, {"id":3,"username":"jumbo1"}, ] } output simon, 1 archie, 14 jumbo1, 3 What I want to do is filter an exact match for filter argument AND filter on the id field ONLY. Basically, I want the output to be: output

Using ng-if inside ng-repeat?

由 匿名 (未验证) 提交于 2019-12-03 02:12:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: i am working on Angular app. I tried to use ng-if and switch inside ng-repeat but didn't succeed. I have data like: **[{"_id":"52fb84fac6b93c152d8b4569", "post_id":"52fb84fac6b93c152d8b4567", "user_id":"52df9ab5c6b93c8e2a8b4567", "type":"hoot",}, {"_id":"52fb798cc6b93c74298b4568", "post_id":"52fb798cc6b93c74298b4567", "user_id":"52df9ab5c6b93c8e2a8b4567", "type":"story",}, {"_id":"52fb7977c6b93c5c2c8b456b", "post_id":"52fb7977c6b93c5c2c8b456a", "user_id":"52df9ab5c6b93c8e2a8b4567", "type":"article",},** $scope.comments = data mentioned above

angular ng-repeat in reverse

由 匿名 (未验证) 提交于 2019-12-03 02:11:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: How can i get a reversed array in angular? i'm trying to use orderBy filter, but it needs a predicate(e.g. 'name') to sort: <tr ng-repeat="friend in friends | orderBy:'name':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr> Is there a way to reverse original array, without sorting. like that: <tr ng-repeat="friend in friends | orderBy:'':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr> 回答1: I would suggest using a custom filter such as this: app.filter('reverse',

Ng-Repeat array to rows and columns

由 只谈情不闲聊 提交于 2019-12-03 02:04:15
Thanks for taking the time to read this, I was wondering how I might be able to use ng-repeat to create a grid like box of options. I would like to take an array repeat nth number of items and then move to the next row or column until all items are listed. e.g. assuming I had an array like [opt1,opt2,opt3,opt4,opt5,opt6,opt7] I would like to display it like this: opt1 opt2 opt3 opt4 opt5 opt6 opt7 This is more a styling/markup problem than an AngularJS one. If you really want to, you can do: <span ng:repeat="(index, value) in array"> {{value}}<br ng:show="(index+1)%3==0" /> </span> http:/

AngularJS, ng-repeat with ng-include not rendering

由 匿名 (未验证) 提交于 2019-12-03 01:39:01
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 由 翻译 强力驱动 问题: Hi I am starting to learn angular and I'm running into a problem when I use a combination of ng-repeat with ng-include. No matter what I do I cannot get the templates to render. I have a simple controller that creates a list of workspaces and each workspace has a TemplateUrl property. I know the value is correct because if I just render out the raw text {{workspace.TemplateUrl}} and then put that directly into the ng-include it works no problem. It just never seems to work when its coming from the controller. I have tried putting

AngularJS: Ng-repeat in groups of n elements

由 匿名 (未验证) 提交于 2019-12-03 01:22:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: I have a set of data like this: $scope.items = [ { model:"A", price: 100, quantity: 30}, { model:"B", price: 90, quantity: 20 }, { model:"C", price: 80, quantity: 200 }, { model:"D", price: 70, quantity: 20 }, { model:"E", price: 60, quantity: 100 }, { model:"F", price: 50, quantity: 70 }, { model:"G", price: 40, quantity: 230 }, { model:"H", price: 30, quantity: 50 } ]; I would like use ng-repeat but then making groups of 4, so the output would be something like this <ul> <li> model:"A", price: 100, quantity: 30</li> <li> model:"B", price:
订阅 ng-repeat