草庐IT

repeat_fn

全部标签

javascript - 复选框在 Accordion 的 ng-repeat 中被禁用

我建立了一个Accordion列表,每个Accordion代表一组元素。我使用ng-repeat遍历组名,每个组都有一个复选框,指示它是否被选中。该示例适用于单组Accordion,但当我将Accordion放入ng-repeat时,复选框根本无法选中。这是代码,每个组标题的主要复选框显然不起作用,我试图找出原因。我的主要问题是:1.如何激活Group1和Group2和Group3的复选框,以便我可以正确选择它们,在目前的情况下,我根本无法选中(Group1,Group2和Group3)的复选框。varapp=angular.module('app',[]);app.controlle

javascript - Ng-Repeat 中的 Angular 设置类

我在ng-repeat中创建一个列表,我需要给所有li元素,他们是他们父亲或更多的第n个child,一个特定的类(在我们的ng-repeat中,它表示索引大于中间值的所有子项)。例如,如果列表有10个项目,我需要给第5、6...10个lichild上课。所以如果我的代码是这样的-[ul][ling-repeat="friendinfriends"]{{friend.name}}whois{{friend.age}}yearsold.[/li][/ul]从中间指数及以上的child分配类(class)的可行且好的方法是什么?我的条件是我不应该改变html的结构。我可以添加directiv

javascript - AngularJS 使用 $sce.trustAsHtml 和 ng-repeat

我正在尝试将$sce.trustAsHtml()与ng-repeat中的对象属性一起使用。结果是HTML完全空白。尽管HTML使用ngSanitize正确输出。顺便说一下,我在使用AngularJSv1.3.0-beta.3。不确定是否存在错误或我做错了什么。 最佳答案 您不能在表达式中使用$sce.trustAsHtml(除非$sce是$scope的属性)因为表达式在$scope的上下文中进行评估。最干净的方法是使用ngSanitize。第二个最干净的方法是将$sce.trustAsHtml作为$scope中的函数公开:$scop

javascript - 在 Angular JS 中跳过 ng-repeat JSON 排序

有谁知道我如何在使用ng-repeat时完全跳过JSON排序(可能以一种无痛的方式)?例如,我的源JSON看起来像这样-{"title":"Title","description":"Description","moreInfo":"Moreinformation"}一旦我在ng-repeat中使用它,它就会按字母顺序排列它们。像这样的-{"description":"Description","moreInfo":"Moreinformation","title":"Title"}我的ng-repeat看起来像这样-{{key}}{{data}}我见过有人使用单独的键数组并使用它们来

javascript - jQuery fn 中的 "prototype"? + jquery 函数中的普通 javascript 代码?

我想知道原型(prototype)在jQuery中意味着什么?我通常会找到有关“原型(prototype)”(框架)的信息,但这里是jQuery中的“原型(prototype)”……?你能告诉我什么时候使用它最好吗?此外,您能否告诉我:为什么我们在jQuery插件中使用“纯javascript”代码,而不是像本例中那样使用jquery代码?是速度问题吗?这是我的例子:(twitter的插件)感谢您的回答!$.each(data,function(i,item){holder.append(""+item.text.makeLinks()+"");});//...furtherinthe

javascript - 如何在 ng-repeat 中对 JSON 数据进行排序?

我正在获取服务器响应并绑定(bind)这些数据以使用ng-repeat查看。现在我想按priceList和name对这些数据进行排序。我可以使用orderBy对名称进行排序,但不能使用priceList。我想根据priceList对产品进行排序。按名称排序会改变列表的顺序,而按priceList排序只会影响每个category的products的顺序。它会影响显示类别的顺序。请帮我解决这个问题。我的代码:Sortingpredicate={{predicate}};Nameprice`{{vals.partTerminologyName}}:Position:{{vals.positi

javascript - 如何替换使用 ng-repeat 显示的数组中的对象?

我有一个使用ng-repeat显示在表格中的项目数组。当您单击某个项目时,该项目将从服务器中拉出,然后应使用更新后的项目更新表格。单击表格中的项目时获取更新项目的功能:$scope.getUpdatedItem=function(item){itemService.getItem(item).then(function(updatedItem){item=updatedItem;},function(error){//Handleerror});};我正在使用以下方式显示项目:问题:表中的项目永远不会更新。在ng-repeat中更新项目的最佳方法是什么?我可以在ng-repeat中为此

javascript - 在 ng-repeat 中使用 'track by $index' 时,ng-animate 动画错误的项目

我正在尝试创建用户可以选择不同类型的block并将它们堆叠在一起以创建独特模板的应用程序。因为我希望用户能够多次将同一block添加到模板中,所以我必须使用“按$index跟踪”来完成此操作:但是,当我尝试使用ng-animate添加动画时,用于移除block的动画是在模板中的最后一个block而不是移除block上动画。我把代码放在jsfiddle里http://jsfiddle.net/FC9c7/6/.尝试通过选择布局1、2或3添加新block。当您单击“删除block”时,您将看到问题。 最佳答案 这就是我认为正在发生的事情

javascript - ng-class 基于 ng-repeat 突出显示事件菜单项。 AngularJS

我有一个基于以下示例的菜单:{{item.title}}item是一个对象,包含菜单项信息。下面是指令和Controller的JavaScript代码:varapp=angular.module("coolApp",[]);functionmenuContrl($scope,$location){$scope.menu=menu;$scope.isActive=function(path){return($location.path()==path)}}问题是ng-class套class至active在页面呈现期间仅一次,但是当您单击菜单项时,没有任何反应。我想这是因为菜单本身没有重新

javascript - AngularJS:如何根据变量更改 ng-repeat limitTo?

我想根据变量在Angular.jsng-repeat上显示不同的limitTo数字。这是我的代码:......在Controller中:$scope.showNewCard=false;$scope.checkNewCard=function(search){if(search=="")$scope.showNewCard=false;else{$scope.showNewCard=true;}};我只能假设有一种更优雅的方法可以根据搜索输入更改limitTo,我只是不知道要查找什么。您可以在http://happinesshunt.co上看到这段代码的实现。.附言我是新来的,一般来说