jjzjj

repeating

全部标签

javascript - Angular 指令/子指令嵌入在 ng-repeat 中

问题是子指令绑定(bind)到父指令,但是语法{{name}}被ng-repeat忽略。实现这一目标的正确方法是什么?HTML(主/子指令){{name}}or{{item.name}}指令angular.module('core').directive('compactSelect',[function($timeout){return{templateUrl:'modules/core/views/components/compact-select-tpl.html',bindToController:true,transclude:true,scope:{noItemSelect

javascript - 处理 ng-repeat 中的重复元素

我正在构建一个具有一种“播放列表”功能的应用程序。这表示带有ng-repeat="elementinplaylist"的ng-repeated自定义指令因为我想允许用户在播放列表中重复使用相同的元素两次,所以我尝试使用trackby$index添加。现在,令人困惑的是:当我从播放列表中删除一个元素时(我有一个函数removeElement(index),它基本上包含如下内容:$scope.removeElement=function(index){$scope.playlist.splice(index,1);}奇怪的事情发生了:该元素已从$scope.playlist中正确删除,但由

javascript - Angularjs ng-repeat 在模型更改时不会更新

我的项目中有这段代码。我尝试使用$http从数据库中添加数据,但ng-repeat不更新表,只显示一个空白行。当我检查范围时,数据已经存在。我已经阅读了很多答案,但它们似乎与我的问题无关。TextoListaCuentaRed{{tuit.texto}}{{tuit.lista.nombre}}{{tuit.lista.cuenta.nombre}}{{tuit.lista.cuenta.red.tipo}}Controller:.controller('TweetsController',['$scope','$http','filterFilter',function($scope

javascript - Angular JS : ng-repeat with dynamic ng-model

我有一段重复多次的有效代码,因此非常适合ng-repeat循环。例如,我的代码的两个实例如下。这是Javascript中的filterParamDisplay数组:$scope.filterParamDisplay=[{param:'userName',displayName:'UserName'},{param:'userEmail',displayName:'UserEmail'}];我一直在尝试将其放入ng-repeat循环中,但到目前为止没有成功。这就是我对atm进行的编码。问题在于上面的ng-model变量,以及ng-click和ng-show中的$index。不确定这是否可

javascript - 按字母顺序停止 AngularJS ng-repeat 渲染

在我的Angular应用程序中,我试图在表格中显示JSON数据。数据如下所示:$scope.data={"EVENTNAME":"FreeEvent","ORDERID":311575707,"DATE":"6/26/14","GROSSREVENUE(USD)":"0","TICKETREVENUE(USD)":"0","EVENTBRITEFEES(USD)":"0","CCPROCESSING(USD)":"0","TICKETS":1,"TYPE":"FreeOrder","STATUS":"FreeOrder","TRANSACTIONID":"","NOTES":"","F

javascript - 使用 angularjs 使用 ng-repeat 和 json 数据进行 CSS 星级评分

想要根据从JSON接收到的值显示一个divn次。我的对象:$scope.pro=[{product:"chicken",rating:3},{product:"fish",rating:3},{product:"pizza",rating:4}];如果产品有3个评级,则div必须显示三次,例如星级。在angular.js中如何实现?MyPlunkerDemo 最佳答案 你能试试这个吗,JS$scope.pro=[{product:"chicken",rating:3},{product:"fish",rating:3},{produ

javascript - AngularJs ng-repeat orderBy 不适用于嵌套对象属性

我正在尝试ng-repeat嵌套对象属性并对它们进行排序,但排序对我不起作用。我看过这个:HowtoorderbyinAngularJSusingNestedproperty但是json结构不同,我无法让它工作。Plunker我的代码:{{item.name}}-{{item.order}}范围:$scope.data={"78962":{"id":"78962","name":"item2","type":"blind","order":{"allListPosition":"008","catListPosition":"059"},"data":{"status":"stop",

javascript - Angularjs:大于带有 ng-repeat 的过滤器

我正在对ng-repeat标记应用大于过滤器。我编写了以下自定义过滤器函数:$scope.priceRangeFilter=function(location){returnlocation.price>=$scope.minPrice;};我在下面的HTML代码中使用它:当$scope.minPrice更新时触发ng-repeat标签刷新的最佳方式是什么? 最佳答案 它应该是自动的。当$scope.minPrice改变时,转发器会自动更新。functionCtrl($scope,$timeout){$scope.map=[{nam

JavaScript for 循环替代 : repeat(n, function(i) { ... });

这是常规的for循环:for(vari=0;i它用于遍历数组,但也只是重复一些过程n次。我使用上面提到的形式,但它让我反感。标题vari=0;i非常丑陋,每次使用时都必须逐字重写。我写这个问题是因为我想出了一个替代方案:repeat(n,function(i){...});这里我们使用repeat有两个参数的函数:1.迭代次数,2.函数主体代表正在重复的过程。“代码隐藏”是这样的:functionrepeat(n,f){for(vari=0;i(我知道在流程的范围链中有两个额外的“级别”对性能的影响)顺便说一句,对于那些使用jQuery库的人来说,上述功能可以通过$.each直接实现。

javascript - 使用 NG-Repeat 的 AngularJS 显示/隐藏切换

我有一个项目列表,点击它应该打开单个项目,但目前在尝试打开单个项目时它会打开所有项目并在第二次点击时关闭所有项目-有人可以告诉我哪里出了问题我的代码如下。谢谢。HTMLItem{{$index+1}}JS$scope.toggle=true;$scope.toggleFilter=function(){$scope.toggle=$scope.toggle===false?true:false;}; 最佳答案 按如下方式编辑您的代码:HTMLItem{{$index+1}}JS$scope.toggleFilter=function