草庐IT

repeat_fn

全部标签

javascript - 如何访问和使用 ng-repeat 中每个项目的索引

我有一个表,其中每行的最后一列包含一个小加载图标,我想在单击表内的按钮时显示该图标。当使用ng-repeat生成每个表行时,加载程序会出现在每一行中,而不是单独的一行中。如何仅针对当前点击的索引将ng-show设置为true或false?模板:{{record.name}}SomeActionLoading...Controller:$scope.someAction=function(recordName){$scope.loading=true;}; 最佳答案 可以传入$index参数,设置/使用对应的索引。$index在ng-

javascript - ng-repeat inside ng-repeat with td for each item - AngularJS

此代码为我提供了一个表格,其中的元素位于单列中。这里的数据会是这样vardata=[[{"id":"1","value":"One"},{"id":"2","value":"Two"},{"id":"3","value":"three"}],[{"id":"4","value":"four"},{"id":"5","value":"five"},{"id":"6","value":"six"}],[{"id":"7","value":"seven"},{"id":"8","value":"eigth"},{"id":"9","value":"nine"}]]{{item.id}}:{{

javascript - 如何检测 Angular ng-repeat 是否显示结果

我只想在搜索字段中输入内容但没有匹配项时显示“无结果”消息。目前过滤器有效,但是当我输入一个没有给出结果的关键字时,它没有显示“无结果”消息。如何做到这一点?{{work.name}}{{work.date}}我的工厂是这样的varmyApp=angular.module('myApp',[]);myApp.factory('Works',function(){varWorks={}Works.project=[{name:"project1",string:"projectstring1",date:"17August2012"},{name:"project2",string:"p

javascript - AngularJS - 在 ng-repeat 完成后操作 DOM

在遍历数据后,我遇到了一些关于操作DOM的问题。我们有一个jQueryslider插件,它绑定(bind)到数据并正常工作,但是当使用ng-repeat时,我们必须用$timeout包装它的初始化工作——现在这甚至不起作用。我认为使用$timeout是不可靠的,这导致了一个糟糕的修复。在jQuery中,我可以使用$(document).ready()—这很可靠,但是使用angular.element(document).ready()似乎不起作用任何一个。slider指令被调用但无法获取slider中图像的高度,因为图像尚未加载到DOM中——导致slider的计算高度为0。我现在发现它

javascript - 使用 AngularJS ng-repeat 的 OrderBy bool 值

我希望能够根据变量是真还是假进行排序。假设我们有一个这样的变量:groups={{name:'first',value:true},{name:'second',value:false},{name:'third',value:true},{name:'fourth',value:false}}我们可以像这样遍历它:{{group.name}}{{group.value}}这将为您提供以下内容:firsttruesecondfalsethirdtruefourthfalse但如果我想按bool值排序,那么我可以这样做:{{group.name}}{{group.value}}{{gro

javascript - angularJS - 将 ng-repeat 拆分为多个 HTML 元素

这是我今天发布的第三个问题,请原谅我,但我遇到了一些我似乎无法弄清楚的事情。这是我的Angular代码:angular.module('ngApp',[]).factory('authInterceptor',authInterceptor).constant('API','http://appsdev.pccportal.com:8080/ecar/api').controller('task',taskData)functiontaskData($scope,$http,API){$http.get(API+'/tasks').success(function(data){$sco

asp.net - JQuery DIalog 和 ASP.NET Repeater

我有一个ASP.NET转发器,它显示带有删除LinkBut​​ton的项目列表。我想设置DeleteLinkBut​​tons以显示JQuery对话框以进行确认。如果单击“确定”按钮,我想进行回发。明显的问题是转发器中的每个LinkBut​​ton都有自己的ID,我不想为对话框复制所有的javascript。建议? 最佳答案 解决方案并不那么简单。您必须能够在按下jQueryUI对话框的Ok按钮后调用原始回调函数。首先你需要一个通用的js函数来显示对话框:functionshowConfirmRequest(callBackFunc

javascript - 如果从不同的表单调用按钮,为什么 Ng Repeat 不起作用?

我有一个html表,其中包含一个ngrepeat指令和两个按钮。第一个将打开一个包含新表单的模式,让我创建我的用户,然后当我单击保存时,它将把它添加到列表中。第二个是相同的原始形式,并添加一个用户。我不明白为什么当我点击不同形式的第一个按钮时我无法更新ngrepeat但是对于第二个按钮它是可能的。这是代码:主页.jspCreateID.NameAddressEmail用户Controller.js'usestrict';App.controller('UserController',function($scope,UserService,$window,$log,$uibModalSt

javascript - Vue Uncaught TypeError : fn. 绑定(bind)不是一个函数

我的App.vue如下所示importHomeCentralfrom'./components/HomeCentral';exportdefault{name:'App',components:{HomeCentral,},};#app{font-family:"Avenir",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px;}我在src/compo

javascript - Angular 指令不在 ng-repeat 内部求值

我有以下设置:应用/指令varapp=angular.module("MyApp",[]);app.directive("adminRosterItem",function(){return{restrict:"E",scope:{displayText:"@"},template:"{{displayText}}",//shouldIhavethis?link:function(scope,element,attrs){//WhatdoIputhere?Idon'tseemtohaveany//elementtoinitialize(setupeventhandlers,forexa