如何将项目从ng-repeat传递或引用到另一个元素？
在前端开发中，可以通过多种方式将项目从ng-repeat传递或引用到另一个元素。以下是几种常见的方法：
- 使用ng-model指令：ng-model指令可以在ng-repeat循环中创建一个双向绑定的变量，然后可以在其他元素中引用这个变量。例如，可以在ng-repeat循环中使用ng-model指令创建一个数组，然后在其他元素中使用这个数组。
- 使用$parent属性：在ng-repeat循环中，可以使用$parent属性引用父级作用域中的变量。通过在ng-repeat的子元素中使用$parent.variableName的方式，可以引用父级作用域中的变量。
- 使用$rootScope：$rootScope是AngularJS中的根作用域，可以在整个应用程序中共享数据。可以在ng-repeat循环中将数据存储在$rootScope中，然后在其他元素中通过引用$rootScope中的数据来访问。
- 使用服务或工厂：可以创建一个AngularJS服务或工厂，用于存储和共享数据。在ng-repeat循环中，可以将数据存储在服务或工厂中，然后在其他元素中通过注入并使用该服务或工厂来访问数据。
需要注意的是，以上方法都是基于AngularJS框架的解决方案。如果使用其他前端框架或纯JavaScript开发，可能会有不同的方法来传递或引用项目。
相关·内容
<script type="text/javascript">
$(function() {
$("#epdate").bind("change", function() {
$.ajax({
type: "GET",
url: "change6-emp.php",
data: "epdate="+$("#epdate").val(),
success: function(html) {
$("#ou
浏览 0提问于2018-09-27得票数 1
1回答
我有两个型号，一个是User，另一个是Reservation。我想在每个预留中嵌入一个User对象。用户已创建并存储在Users集合中。当我尝试创建一个新的预留对象时，我的User对象通过pre save方法，最终失败，因为有唯一的用户名字段。在将对象嵌入到另一个集合时，有没有办法绕过pre save方法，或者我的方法完全错了？我的预留模式代码。谢谢!
import User from './../users/users.model';
const Schema = mongoose.Schema;
export default new Schema({
user: {
浏览 1提问于2016-05-02得票数 5
如何在Android4.2中创建样式主题文件。如何将此主题应用到android项目的所有活动中。如何将此样式和主题设置为多个屏幕？
>
浏览 3提问于2013-02-08得票数 4
我有一个表，在每个列的上方都有一个下拉列表，其中列数是动态的。我创建了它，如下所示
<table class='table' >
<tr>
<th ng-repeat= "item in importTable[0]">
<select ng-model="selectedItem" ng-options="i.Name for i in optionLi
浏览 1提问于2013-06-19得票数 0
回答已采纳
普伦克：
我正在尝试构建一个表单组件，它允许用户创建一个特定数据字段的多个实例，但是可以从相同的输入集中填充它们。
我正在为集合中的每个项目创建一个单选按钮，使用ng-repeat，然后每个单选按钮的值从重复设置为$index。单选按钮是基于$scope.selectedItem建模的，它用于将输入指向正确的项。
然而，由于某种原因，selectedItem从未改变过，即使选择的单选按钮的状态也是如此。
我尝试了一个类似的静态单选按钮，它工作得很好，这让我相信ng-model在ng-repeat中存在问题。
浏览 0提问于2014-07-06得票数 4
回答已采纳
5回答
我需要在ng-repeat完成对dom的更改之后更新特定元素的样式。这是我的挑战。当我向模型添加项目时，我为fire ng-repeat工作编写的指令很好，但当我从项目中删除一个对象时，它不会被调用。
我添加了一个从列表中随机推送和弹出数据的函数。您将看到pop不会触发ng-repeat指令调用。不管怎样，解决这个问题？
var module = angular.module('testApp', [])
.directive('onFinishRender', function ($timeout) {
return {
restrict: '
浏览 0提问于2015-11-27得票数 2
2回答
如何将对象从指令返回到父控制器？
我定义了以下指令：
app.directive('inspectorSharedObjects', function () {
return {
restrict: 'E',
scope: {
filterText: '=filter',
type: '=',
selectObject: '&onSelect'
},
controller: function ($scope) {
$scop
浏览 5提问于2014-07-07得票数 2
回答已采纳
1回答
在我从控制器中的REST中获得一些数据的情况下，我使用ng-重复来呈现数据。然后，在那个循环中，我需要运行另一个控制器，从以前的控制器传递数据，对它执行一些操作，然后再对它运行ng-重复。
当我这样做，“检查元素”显示保存在父控制器参数中的值。但是传递给嵌套控制器的值实际上是变量名。
源代码：
HTML：
<div class="checkbox" ng-repeat="bird in birds">
<table>
<tr>
<td>
浏览 3提问于2015-08-13得票数 0
2回答
我一直在努力提高自己的角度，所以我已经开始了一个项目，其中有安古拉杰。但我被困住了..。
我正在尝试使用controller1.modalItems.重复一些html元素在下面的html模板中，我还想动态添加另一个模板。
<div ng-repeat="li in modalItems">
<div ng-include="test.html"></div>
<div class="head">{{li.title}}</div>
</div>
这里是test.ht
浏览 1提问于2013-11-23得票数 0
回答已采纳
1回答
可以在AngularJS中将ng单击应用到表列中吗？我试过以下几种方法，但这似乎不起作用。
<table>
<colgroup>
<col ng-repeat="item in items" ng-click="myFunction(item)"> </col>
</colgroup>
<thead>
<tr>
<th ng-repeat="item in items"> {{item
浏览 1提问于2014-01-04得票数 2
回答已采纳
我的ng-repeat指令的性质如下：
<div ng-repeat = "i in items track by $index">
<mydirerctive attr1 = {{i.attr1}}, attr2={{i.attr2}, ng-click="displayMenu(i)"} > </mydirective>
</div>
displayMenu函数应该显示基于所选项目的菜单。为了确定菜单应该呈现的位置，我应该有一个唯一的DOM引用来指向每一项(例如，一个唯一的id )。如何让ng-r
浏览 0提问于2014-01-20得票数 0
1回答
我正在研究git子模块，如下所示：
1)创建主项目git，执行一些提交。
2)创建子项目git，做一些提交。
3)使用git子模块函数，将SUB添加到主/监控程序/
4)然后Alice做2次提交，分支Alice。
5)然后Bob执行2次提交，分支Bob。
6)然后通过子模块函数将Alice和Bob的提交添加到子模块和主模块中。
在这个过程中，我有些困惑：
1)在init过程中，将子添加到主程序中，主人将如何记住在子进程中添加提交？
例如，如果子有两个分支，哪个分支的提交就会被主人记住？
如果它是用潜艇的主分支？还是用潜艇的头？
如果用头，那么如果我把头指向潜艇的另一个分支(不是主人)，会发生
浏览 1提问于2019-01-31得票数 0
我正在开发一个Android应用程序，为他人创建简单的帖子。现在，我想在我的应用程序中添加字体，让其他人在没有版权问题的情况下将字体应用到他们的项目中。
浏览 0提问于2019-06-16得票数 0
回答已采纳
嗨!我有以下输入框：
<div ng-repeat="item in items"
<input ng-model="item.cost" />
</div>
我正在尝试弄清楚如何将“货币”过滤器应用到输入框。因此，当显示value时，它会显示$符号和正确的货币符号。我可以使用{{item.cost | currency }}来处理span，但我需要该框是可编辑的，以便在需要时更改该值。请告诉我如何将货币过滤器应用到输入框。谢谢
浏览 1提问于2014-05-29得票数 1
我有一个页面上的项目列表，当选中该列表时，将带用户到该特定项目页。每个页面都需要一个带有项目名称和编号的元标记。为每个项目生成的页面是动态的。我一直试图在没有运气的情况下使用Knockout绑定。
<meta name="DocumentType" content="ITEM">
<meta name="Number" data-bind="text: itemNumber">
<meta name="Name" data-bind="text: itemName"&g
浏览 0提问于2018-06-13得票数 2
回答已采纳
我正在实施以下行为：
使用ng-重复
调用该div上的指令来自定义该div的背景。
它通过将角和jquery结合起来很好地工作。
但是，当我删除一个项目的重复结构，我想更新背景以及！
当重复的div发生变化时，您知道如何调用指令吗？
守则的摘录：
<div ng-repeat="object in objectCollection">
<div my-directive style="background-image='url(url-held-by-the-object)'">
</
浏览 3提问于2015-08-14得票数 0
我正在使用Visual studio Express 2013和VB.NET，如何将数据表从一个窗体传递到另一个窗体。
问候
浏览 0提问于2015-09-30得票数 0
使用以下分页html和中继器：
<ul id="ProductListPagination" class="pagination">
<li class="disabled"><a href="#"><span aria-hidden="true">«</span><span class="sr-only">Previous</span></a></li>
浏览 3提问于2014-11-14得票数 1
回答已采纳
<ul ng-repeat="item in items">
<li>{{item.name}}</li>
</ul>
js
$scope.item = [
{
"itemId": 1,
"name":"laptop"
}
];
我希望项目的$index成为我的itemId，这样将来我就可以在db中存储或在其他地方使用它。我可以做<li>{{$index}}</li>，但是如何将它与我在js中的item对象绑定呢？
浏览 0提问于2014-04-04得票数 0
1回答
有人能告诉我，我们将如何将external_projects应用到我们目前在安卓工作室的项目中吗？
基本上，我有一个小型android项目，用于运行状态中的"signIn/SignUp“，我想将该项目加到我的另一个项目中。我已经通过将它放在libs文件夹中成功地导入了它，并且添加了依赖项。所以现在我很困惑，我怎样才能把它们合并。签名/注册项目将如何首先在其中运行，然后在另一个中运行。
浏览 2提问于2016-02-07得票数 1
1回答
如何将过滤后的ng-重复保存在新变量中？
<div ng-repeat="Item in AllItems | filter: { Type: 'test' } | filter: searchByItem as results">
我想要这样做，因为我需要对分页的过滤数组的长度。
浏览 2提问于2016-02-09得票数 1
回答已采纳
2回答
我有一个td和一个复杂的ng-class，它工作得很好。<td ng-repeat="column in columns" ng-class="'cell-value-' + column.name + '-'+ row[column.name] | safeClassName" >
我想在td中添加另一个类，这个类就是列名。这似乎不管用
<td ng-repeat="column in columns" ng-class="'cell-value-'
浏览 0提问于2015-01-15得票数 0
我将项目从.net 4.0升级到.net 4.5.1。
我将EntityFramework从4.3.1升级到6.1.3。
但是EntityFramework基于.net 4.0，因为另一个依赖于运行.net 4.0的项目。
当我构建时，我得到了以下错误：
ForeignKeyAttribute类型同时存在于“EntityFramework，Version=6.0.0.0，Culture=neutral，PublicKeyToken=b77a5c561934e089”和“System.ComponentModel.DataAnnotations，Version=4.0.0.0，Culture=n
浏览 9提问于2017-08-23得票数 0
绑定到模型的搜索字段
<input type="text" ng-model="searchVoucher" />
在ng-repeat中迭代的对象
<li ng-repeat="(k,f) in {'r':4,'e':5,'t':6,'y':7,'c':8} | filter:searchVoucher">{{f}}</li>
如何根据对象的键进行过滤，或者val或val也可以是具有属性的对象。
请帮帮忙
浏览 0提问于2013-04-05得票数 2
回答已采纳
1回答
我在我的form中有一个form，它是从另一个桌子role中填充的。
role有两列：Id和Role
将表的Row Source和Bound Column值设为2，将column widths设为0cm;2cm
我可以在组合框里看到我的Role，这很好。我需要的是
在Submit上，我希望读取所选Role的VBA中的Role值。如何实现此--通过将绑定列值设置为1来解析它
如何将默认值设置为Role 之一--帮助实现此操作()
我必须以相同的形式为我的ListBox设置类似的情况
浏览 4提问于2017-05-04得票数 0
回答已采纳
2回答
缺少在MVC3中不存在的引用
、、、、
我将我的模型从主ASP.net MVC3应用程序中分离出来，放入一个类库中，该类库与我的项目属于同一解决方案，并被引用到我的项目中。
然而，这个类库中的模型(我将models文件夹复制到了类库中)表明system.web.MVC或.Security甚至System.Component.DataAnnotations之类的东西并不存在。
因此，我假设我可以右键单击引用，然后单击“添加引用”，然后找到那些.net库，可惜它们并不存在。
那么我如何将它们包含在其中呢？所以我可以使用数据注解，安全性和(显然) MVC？
浏览 0提问于2013-05-01得票数 0
回答已采纳
const int status[STATUS_SIZE] = {
[0] = -1,
[1] = 0,
[2] = 1,
};
和
const char *messages[MESSAGE_SIZE] = {
[0] = "OK",
[1] = "NG",
};
你能解释一下吗？
浏览 0提问于2018-01-19得票数 4
回答已采纳
我使用ngRepeat显示列表中的项目。正如文档所建议的那样，我使用ngInit将$index变量分配给循环中引用的"itemIndex“变量。每个项目都有一个按钮显示，它允许我从列表中删除它。就是一个例子：
<li ng-repeat="item in list" ng-init="itemIndex = $index"> {{itemIndex}} {{item}} <a href="#" ng-click="removeItem(itemIndex)">remove</a><
浏览 2提问于2014-05-13得票数 0
回答已采纳
为什么我的外部模板不使用ng-repeat呈现项？
- AngularJS 1.1.5
我偶然发现了，但我不确定这是否是同一个问题？如果是的话，周围有工作吗？
这里是一个使用静态列表的，但是该解决方案需要支持双向绑定，因为数据是动态的。(反正应该是这样的.)
控制器
.controller('main', ['$scope',function($scope) {
$scope.items = ['a','b','c'];
}])
指令
.directive('items', function()
浏览 3提问于2013-08-02得票数 2
回答已采纳
我使用ng-repeat将一个按钮应用到一个list-group-item，其中按钮在未被选中时有一个btn-primary类，被选中时有一个减号字形和一个类btn-success，还有一个ok字形图标。我正在尝试使用ng-class有条件地应用它，这很好，但是我不知道如何通过$index选择来实现它。我看过使用三元和逻辑( && )运算符的示例，但似乎无法获得正确的语法。为了澄清，我想一个按钮点击时，改变它的图标和它的颜色。正如您所看到的，我成功地使用$index选择了一个组项目并更改了它的颜色。
这里有一个扑通的
<button class="btn b
浏览 4提问于2015-09-11得票数 2
3回答
我需要显示复选框列表，或者ng-repeat中的一些标志：
<div style='width:630px;' ng-repeat='item in shops'>
// switch html here
</div>
基本思想是:我有'$scope.shops‘数组--主数组，由ng-repeat管理，数组内有20个对象。
$scope.shops = [
{
logo: '',
address: '',
city: ''
},
{
浏览 0提问于2015-11-20得票数 0
1回答
我有一个用于用户数组的ng-repeat，我希望能够单击每个用户，在Ionic Modal中显示他们的详细配置文件信息。
下面是实际的HTML：
<div ng-repeat='user in users track by $index' ng-click="openModal()">
<div class="col">
<div class="col profile-image" >
<img src="img/default_user.jpg&#
浏览 0提问于2015-10-31得票数 2
回答已采纳
我正在迭代一个列表，并尝试从它的项创建子列表。每次追加到变量时，都会将该值添加到我定义的所有其他变量中。为了说明，我已经对代码进行了大量的简化。
item = 'things.separated.by.periods'.split('.')
list1 = list2 = []
i = item.pop(0)
print i
list1.append(i)
i = item.pop(0)
print i
list2.append(i)
print(item, list1, list2)
返回：
things
separated
(['by',
浏览 4提问于2013-06-15得票数 1
回答已采纳
1回答
虽然有一些这样的问题摇摆不定，但他们似乎没有一个好的工作例子，我似乎不知道如何将它应用到我的项目。
我想要做的是将数据从列表项中提取到另一个视图中，作为配置文件页使用。
JS
var app = angular.module('passDataDemo', ['ngRoute']);
// Configure our routes
app.config(['$routeProvider', function($routeProvider) {
$routeProvider
// Route for the global cont
浏览 2提问于2017-07-18得票数 0
我有两台服务器，一台在办公室使用办公室网络托管(这台服务器在ubuntu服务器上托管tableau服务器)，另一台服务器Server #2位于另一个并置的网络中。web应用程序托管在服务器#2中，tableau仪表板嵌入在web应用程序中。
当我尝试从另一个公共网络访问应用程序时，仪表板工作得非常好，但是当我尝试从办公室网络(托管tablueau服务器)访问仪表板时，我得到以下错误=>
浏览 2提问于2018-08-12得票数 3
我想创建一个在ApplicationB中显示自定义组件的应用程序，它是在ApplicationA中创建的(就像我们在C#.NET中维护UI项目一样)。这就像允许ApplicationB使用来自ApplicationA的通用组件屏幕，并在呈现屏幕之前修改其内容(例如标题)。我可以创建自定义组件，但无法将其引用到新项目中使用，也不知道如何处理在自定义组件中创建的控件的单击事件，这些控件应该已经实现了一些事件订阅机制。
我使用下面的URL创建自定义组件：
但是上面的教程并没有展示如何将事件从父组件绑定到自定义组件。
浏览 0提问于2013-01-03得票数 0
回答已采纳
2回答
我已经注意到我的角度控制器正在增长，理想情况下应该使用它来传递数据。
我有一个当前包含在我的控制器中的函数，这个函数是从我的HTML中调用的，用于计算显示了多少个月的数据(在12个月内)，如果不到12个月，则将剩余的数据作为空/不支付返回：
JS:
$scope.getEmptyCells = function(len){
var emptyCells = [];
for(var i = 0; i < 12 - len; i++){
emptyCells.push(i);
}
return emptyCells;
}
HTML:
<t
浏览 6提问于2014-05-28得票数 0
回答已采纳
我在一个数组中有5个项目。当我对它们进行重组时，我只看到以更高的索引结束的项目的动画--另一个只是跳转到新的位置。
<div ng-repeat="item in items track by item.value" class="TestItem" ng-style="{'top' : $index * 20 + 'px'}">
{{item.name}}
</div>
CSS
.TestItem{
transition: all linear 2s;
posi
浏览 0提问于2014-12-16得票数 0
回答已采纳
我正在尝试为我的项目使用dragtable Javascript库。
<script type="text/javascript" src='js/dragtable.js'></script>
<div class="div_wrapper" >
<table id="table1" class="unassignedMerchants draggable" border="1">
<thead>
浏览 0提问于2017-12-06得票数 1
我正在尝试使用selenium访问表。我想对一个表数据(即链接)采取行动。但我没有任何属性的联系，可能是永久性的。我有其他字段的表数据，其中有固定的text.Its兄弟级链路td。
<tr class="ng-scope" ng-repeat="key in DeviceList">
<td>
<a class="ng-binding" href="#" ng-click="clickedDevice($index)">012</a>
</td>
<
浏览 0提问于2016-09-29得票数 0
1回答
我正在尝试用下面的ngRepeat来为一个HTML的子元素添加动画。
<strong>This staggers</strong>
<div ng-repeat="item in items" class="animate-stagger container" ng-animate-children="true">
<div>{{item}}</div>
</div>
<strong>This doesn't stagger<
浏览 2提问于2016-05-22得票数 0
回答已采纳
2回答
我想添加动画效果到以下代码时，显示树项目。
我知道jquery有滑动函数，css有“过渡”，但不确定如何将这些应用到我的代码中。有什么想法吗？
<head>
<script language="JavaScript">
function show(){
var elements = document.getElementsByClassName("label");
for(var i = 0, length = elements.length; i < leng
浏览 0提问于2011-08-25得票数 1
回答已采纳
我试图在ng视图中将json对象转换为整数：
json字符串：
$scope.json_arr = [{
'id': '1',
'name': 'abc'
},
{
'id': '2',
'name': 'xyz'
浏览 5提问于2014-06-16得票数 1
回答已采纳
1回答
type 'a mylist = 'a listcell ref
and 'a listcell = Nil | Cons of 'a * ('a mylist)
let l1 = (ref (Cons (1, ref (Cons (2,ref Nil)))))
let l2 = (ref (Cons(3, ref (Cons(4, ref Nil)))))
let rec append l1 l2 =
match l1 with
| {contents = Nil} -> (l1 := !l2; l1)
| {contents = Con
浏览 3提问于2017-11-20得票数 1
回答已采纳
快速问一下，我找不到如何将ng-repeat中选定的列表元素发送到GA。也许用Angularitics之类的？
到目前为止我的想法是这样的：
<li ng-repeat="x in x" onClick="ga('send', 'event', 'link', 'selected', $parent.x;">
问题是如何将"$parent.x“作为GA类别发送
但似乎不能让它工作。谢谢!
浏览 10提问于2016-07-24得票数 0
回答已采纳
1回答
在下面的代码片段中，push函数只用于将选中的行从数组推送到另一个数组。push已成功执行，但未更新视图。
onNextclick() {
this.disable1 = false;
this.selectedIndex += 1;
this.disable = true;
const filteredItems = this.dataSource.filter(p => p.isChecked);
this.datasource2.push(...filteredItems);
}
浏览 1提问于2018-12-07得票数 2
回答已采纳
我有一个解决方案与两个项目。一个是VSIX，另一个是.NET Core2.1控制台应用程序。
这些项目并不直接相互依赖，但我需要确保VSIX在构建其他项目时嵌入来自其他项目的所有输出文件的新版本，因为它在运行时将需要它们。
在用于工作的VSIX项目的构建后事件中放置以下内容：
cd "$(SolutionDir)MyCoreConsoleApp"
dotnet publish --configuration $(Configuration)
值得一提的是，这种设置在一开始就有一些奇怪的问题，尽管.如果通过直接从解决方案资源管理器重新构建项目，控制台应用程序可以构建得很好。另一方
浏览 1提问于2018-10-12得票数 0
回答已采纳
1回答
我试图找到一个使用Xamarin.Forms的解决方案，但其他问题的解决方案在Xamarin 5.9.6中不起作用(与更新后的5.9.7版本build 22相同)
using System;
using Xamarin.Forms;
namespace test
{
public class App : Application
{
public App ()
{
// The root page of your application
MainPage = new ContentPage {
浏览 0提问于2015-10-05得票数 3
回答已采纳
4回答
可以使用ng-repeat实现以下编译的DOM：
<div class="container">
<!-- ngRepeat item in items -->
<div ng-repeat="item in items">Item 1</div>
<!-- end ngRepeat: item in items -->
<!-- ngRepeat item in items -->
<div ng-repeat="item in ite
浏览 3提问于2015-04-30得票数 4
回答已采纳
我试图在嵌套的中继器中找到一个元素，但我不知道如何处理它。
默认情况下，HTML如下(为便于理解而编辑)
<div ng-repeat = "Repeater1">
<div ng-repeat = "Repeater2"> Text1 </div>
<div ng-repeat = "Repeater2"> Text2 </div>
<div ng-repeat = "Repeater2"> Text3 </div>
浏览 3提问于2017-01-25得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
