angularjs-ng-repeat | 易学教程

angularjs ng-repeat with filter and track by $index not working

阅读更多关于 angularjs ng-repeat with filter and track by $index not working

im trying to put some videos, which name is located in this json file, inside a div, this is the json file: { "videos": { "name": [ "dfg.webm", "fdgh.mp4" ] } } this is the script: (function(){ var app=angular.module("index",[]); var videoUrl=function(name){ alert("asd"); return "./videos/"+name; }; app.filter('videoUrl',function(){alert("asd");return videoUrl;}); var mainController=function($scope,$http){ var videosSuccess=function(response){ $scope.videosJSON=response.data; }; var videosError=function(response){}; $http({ method: 'GET', url: "http://192.168.1.66/videos.json", }).then

Angular js : controller alias not working

阅读更多关于 Angular js : controller alias not working

I'm using many controllers in the same page, and so that the code is clearer, for each controller I added an alias. But, when I'm use an alias, I can't access properties, functions. This code works well This code doesn't work What's the difference please. When using the "controller as" construct, you define properties using the controller's this scope rather than the $scope object. So your controller for the second example should be: function MyCtrl($scope) { this.items = m; } In your example, you don't even need to inject $scope because you aren't using it, so you could pare it down even more

Unable to reduce the number of watchers in ng-repeat

阅读更多关于 Unable to reduce the number of watchers in ng-repeat

In a performance purpose, i wanted to remove the double data-binding (so, the associated watchers) from my ng-repeat. It loads 30 items, and those data are static once loaded, so no need for double data binding. The thing is that the watcher amount remains the same on that page, no matter how i do it. Let say : <div ng-repeat='stuff in stuffs'> // nothing in here </div> Watchers amount is 211 (there is other binding on that page, not only ng-repeat) <div ng-repeat='stuff in ::stuffs'> // nothing in here </div> Watchers amount is still 211 ( it should be 210 if i understand it right), but wait

React equivalent for ng-repeat

阅读更多关于 React equivalent for ng-repeat

问题 I am new to React.js. I am trying to bind data arrays. I am looking for the equivalent of ng-repeat, but i can't find it inside documentation. e.g: var data = ['red', 'green', 'blue'] using angular i would have done something like this in my html: <div ng-repeat="i in data">{{i}}</div> I am wondering the React's markup to do this 回答1: In React, you just write the necessary JavaScript (and potentially build it into a reusable control as you'll see). It's very prescriptive and easy to do once

Can't trigger animation on nested ngRepeat

阅读更多关于 Can't trigger animation on nested ngRepeat

问题 I can't figure out how to trigger animations on a nested ngRepeat with Angular. The CSS class ".test" is animated. When using ".test" on the inner ngRepeat it doesn't work (Plunker): <div ng-repeat="section in sections"> <div ng-repeat="item in section.items" class="test"> <h2>{{item.title}}</h2> </div> </div> When using ".test" on the outer ngRepeat it does work (Plunker): <div ng-repeat="section in sections"> <div ng-repeat="item in section.items" class="test"> <h2>{{item.title}}</h2> </div

Angular JS table with ng-repeat and radio buttons

阅读更多关于 Angular JS table with ng-repeat and radio buttons

I am trying to make a table using ng-repeat that has a radio button selector at the start of each row. The table looks like this: <table> <tbody> <tr ng-repeat="model in modelList"> <td> <input type="radio" ng-model="model.select"></input> </td> <td>{{ model.NDPName }}</td> <td>{{ model.OEM }}</td> <td>{{ model.version }}</td> <td>{{ model.dateAdded }}</td> <td>{{ model.validUntil }}</td> </tr> </tbody> </table> The ng-repeat is taking from a modelList that looks like: $scope.modelList = [ { select: false, NDPName: "NDP1", OEM: "CHOAM Inc.", version: "01", dateAdded: "Jan 1, 2013", validUntil:

AngularJS: list all form errors

阅读更多关于 AngularJS: list all form errors

问题 Background: I am currently working on an application with tabs; and I'd like to list the fields / sections that fail validation, to direct the user to look for errors in the right tab. So I tried to leverage form.$error to do so; yet I don't fully get it working. If validation errors occur inside a ng-repeat , e.g.: <div ng-repeat="url in urls" ng-form="form"> <input name="inumber" required ng-model="url" /> <br /> </div> Empty values result in form.$error containing the following: {

AngularJS - Model not updating on selection of radio button generated by ng-repeat

阅读更多关于 AngularJS - Model not updating on selection of radio button generated by ng-repeat

问题 I am generating a bunch of radio buttons using ng-repeat, and then trying to update a model when one of them is selected. This doesn't appear to be working. The same markup works just fine when the radio inputs are hardcoded as opposed to being generated by ng-repeat. This works: <input type="radio" ng-model="lunch" value="chicken" name="lunch"> <input type="radio" ng-model="lunch" value="beef" name="lunch"> <input type="radio" ng-model="lunch" value="fish" name="lunch"> {{lunch}} This doesn

How to Pass the data from Main Window to Child Window to display large data in table using AngulaJS

阅读更多关于 How to Pass the data from Main Window to Child Window to display large data in table using AngulaJS

问题 Hi Currently my main intention of the question is avoid displaying large data in the <td></td> . So instead of that I want to display the data in the new window by clicking on the element of the table. Currently I am displaying the table using the AngularJS. I have done much research but not able to get the output. I want in the similar way as show in this link, But instead of getting the value from Input box I want to get the value from ng-repeat in the td cell and ,when the cell is clicked

How to convert string to number or date in angularjs expression

阅读更多关于 How to convert string to number or date in angularjs expression

I am using angularjs to make a pagination type of thing, say I have a 2D array and I am displaying the values from it. Its working fine but I also want to be able to edit thoes values so I used ng-hide in input tag and its working fine but the problem is that if the type of input is number or date and the type of my array values is string then the values are not displayed in the editable input boxes. Code: <table class="table table-hover"> <thead> <tr class="active"> <th class="id">Label</th> <th class="name">Field</th> </tr> </thead> <tbody> <tr ng-repeat="item in fieldsonPage[currentPage]"