如何将对象从html ng-repeat发送到js函数
在HTML中使用ng-repeat指令可以循环遍历一个数组或对象，并将其渲染到页面上。如果想要将ng-repeat中的对象发送到JavaScript函数中，可以通过以下步骤实现：
- 在HTML中，使用ng-click指令将一个函数绑定到点击事件上。例如：
<button ng-click="sendObjectToFunction(obj)">发送对象</button>- 在控制器中定义sendObjectToFunction函数，并将ng-repeat中的对象作为参数传递给该函数。例如：
$scope.sendObjectToFunction = function(obj) {
// 在这里处理接收到的对象
console.log(obj);
};这样，当点击"发送对象"按钮时，ng-repeat中的对象将作为参数传递给sendObjectToFunction函数，并在控制台中打印出来。
需要注意的是，ng-repeat中的对象可以通过$index属性来获取其在数组或对象中的索引。如果需要将索引一并传递给JavaScript函数，可以将$index作为参数传递给函数。
这种方法适用于任何前端开发框架，不仅限于AngularJS。它可以用于将对象从HTML发送到JavaScript函数，以便进一步处理或执行其他操作。
腾讯云相关产品和产品介绍链接地址：
相关·内容
假设我的html如下所示
<h2>Unapproved Users<span class="badge">12</span></h2>
<ul class="list-group" ng-repeat="user in unApprovedUsers">
<li class="list-group-item">{{user.Name}} <button class="btn btn-success" ng-click="
浏览 2提问于2015-12-25得票数 2
2回答
在AngularJS中，如何将参数传递给自定义过滤函数？在本例中，我需要在filter函数中同时提供task和status。
但是Angular只注入task。如何添加status
HTML
<div ng-repeat="status in statuses">
Selected Status: {{ status.title }
<ul>
<li ng-repeat="task in tasks | filter:customFilter">
Task Status:
浏览 0提问于2013-05-29得票数 1
回答已采纳
3回答
我为我的指令template.html编写了模板：
<ul><span>{{name}}</span>
<li ng-repeat="value in values">
</ul>
插入指令如下：
app.directive('myDir', function(){
return{
restrict: 'A',
templateUrl: 'template.html'
};
});
我有一些js对象看起来像：
const myObj:{
浏览 2提问于2017-12-26得票数 0
回答已采纳
我在隐藏字段中存储Id；它也可以是另一个数字，如2、3、4或59。它必须获取来自隐藏字段的Id，并将其发送到我的opgaver.js文件中。然后，它将下载内容。
我一直在讨论如何将Id发送到opgaver.js文件。
index.html
<div class="col-md-12" ng-app="Opgaver" ng-controller="OpgaverCheck">
<input type="hidden" value="1" ng-model="Id" />
浏览 1提问于2016-08-12得票数 1
回答已采纳
1回答
我对角质js很陌生，我想这么做。我有这样的代码：
<tr data-ng-repeat="element in awesomeThings">
<td ng-click="getServiceDetails()">
<a href="#">
{{element}}
</a>
</td>
</tr>
在ng-repeat中，我希望为html元素绑定一个ng-click，如：
<td ng-click=
浏览 1提问于2014-10-09得票数 1
回答已采纳
我试图从控制器返回对象。我的代码如下所示：
score.component.js：
angular.module('score').component('score',{
templateUrl : 'app/score/score.template.html',
controller : ScoreController
});
function ScoreController() {
var f = function(){
return [{
name: "john",
浏览 1提问于2017-01-18得票数 0
回答已采纳
我试图从指令调用一个函数并传递一个参数。回调函数正被传递到隔离作用域。我有两个问题。首先，当嵌套在ng-repeat中时，这根本不起作用；第二，即使不在ng-repeat中，我也不知道如何将参数传递给回调函数。这是一个显示问题的柱塞：
请注意，当您单击"This works“时，它至少执行父作用域中的函数，但当单击其他作用域时，它什么也不做(因为它们在ng-repeat中)。这是第一个问题。
第二个问题是，当您单击"This works“时，即使它成功地调用了函数，我也不知道如何从指令作用域传递用户(请注意，它会发出未定义的警报)。
下面是一个示例指令(从我的实际应用程序中简化
浏览 3提问于2014-12-30得票数 4
我使用ng-repeat在HTML中创建了一个表单，以便从作用域中的对象生成表单元素。我还使用该对象在ng-repeat之外生成其他元素。
HTML中的一个简化示例如下所示：
<div ng-app="App">
<div ng-controller="Ctrl">
<div class="block1">
<form ng-repeat="(key, value) in test">
<label>{{ke
浏览 0提问于2013-12-15得票数 7
回答已采纳
2回答
我想交流两个网页，页面1.html和页面2.html。我认为page1与app1.js节点应用程序相关，page2.html与app2.js节点应用程序相关。其想法是使用websockets将数据从page1.html发送到app1.js，然后app1.js将数据发送到page2.html。我的第一个想法是app1.js将数据发送到app2.js，然后app2.js发送到page2.html。我知道如何使用web套接字与app1.js通信(客户机服务器) page1.html，但是如何将数据从app1.js发送到app2.js？在app1.js中
io = require('socke
浏览 1提问于2014-01-29得票数 0
回答已采纳
我在我的网络应用程序中使用factory。在factory中有一个对象mapLayers。在我的controller中，我将这个factory.mapLayers对象赋值给作用域$scope.mapLayers上的一个变量，并在其上使用ngRepeat。
问题是factory.mapLayers中发生的更改不会影响$scope.mapLayers，因此DOM不会显示新的更改。如何将$watch或$factory.mapLayers绑定到factory.mapLayers
mapService.js：
...
factory.mapLayers = [];
...
return factory;
浏览 3提问于2015-08-13得票数 0
回答已采纳
我对angualarjs很陌生，刚刚开始使用angularjs1.5组件构建一个页面。我试图从pluralsight了解以下示例。angularjs是否对javascript进行了部分应用/运行等扩展？
movie-rating.component.html:函数model.setRating()被传递给具有value属性的对象。
<span ng-repeat="entry in model.entries track by $index">
<span ng-click="model.setRating({ value: $index +
浏览 2提问于2016-09-17得票数 0
回答已采纳
如何从ng-click和发送到laravel中获取值以进行查询
//..html
<div ng-controller="recipientsController">
<div ng-repeat="recipient in recipients | orderBy:'-created_at'" ng-click="select(recipient.id)">
<p class="recipientname">{{ recipient.na
浏览 2提问于2015-03-17得票数 2
2回答
我是AngularJS的新手，现在，我正在尝试创建最简单的web应用程序，从服务器加载一些JSON数据。
目前它运行良好，看起来是这样的：
JS文件
app.controller('myCont', ['$scope', '$http', function($scope, $http) {
$scope.moreItems = function() {
$http.post('php/index.php').
success(function (data) {
浏览 2提问于2014-06-26得票数 0
我正在尝试更新一个现有的动态网页，从SQLServer数据库中获取图像和标题，加载到AngularJS ng-repeat中。bxSlider可以很好地处理静态数据，但当涉及到使用ng-repeat从web服务获取的数据时，它只显示为图像列表。 我尝试在页眉、页脚和紧跟在bxSlider div之后的位置使用以下脚本。但它不起作用。 $(window).load(function () {
$(function () {
$('.bxslider').load(function () {
$('.bxslider'
浏览 20提问于2019-04-17得票数 1
我想寻求你的帮助。我有：
main.js
angular.module('app',['btford.socket-io'])
.factory('socket', function (socketFactory) {
var myIoSocket = io.connect('http://localhost');
var mySocket = socketFactory({
ioSocket: myIoSocket
});
ret
浏览 0提问于2015-01-21得票数 1
我试图用p5js组织的服务器可视化一堆JSON格式的数据。
假设我有一个JSON文件data.json
[{"a":"1"},{"b":"2"},{"c","3"}]
我的Python代码是：
from flask import *
app = Flask(__name__)
def index():
data_list = json.load(open('data.json'))
data_json = json.dumps(data_list)
ret
浏览 10提问于2021-12-18得票数 0
2回答
我有5页的HTML5模板。我正在将其转换为WordPress主题。
我有联系页面。此页面包含“forms.js”脚本，用于将联系人表单数据发送到“MailHandler.php”文件。
在“forms.js”脚本中有一个变量我想要更改，
mailHandlerURL:'bat/MailHandler.php'
如何将此更改为如下所示？
mailHandlerURL:<?php echo get_template_directory_uri(); ?>'/bat/MailHandler.php'
PHP在这个脚本中不起作用。请帮帮忙。
浏览 0提问于2012-08-27得票数 0
回答已采纳
1回答
我想将textarea的文本动态发送到PHP变量中，对PHP中的文本执行一些操作，并在运行时获得返回结果。
到目前为止，我已经在动态地返回PHP变量，但我不知道如何将文本区域的文本动态地发送到PHP中。
我有这个密码
<html>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<script src='htt
浏览 1提问于2018-08-05得票数 1
回答已采纳
2回答
我是AngularJS的新手，在这里我很困惑。
现在，我的MVC程序使用Razor来显示我的.mdf数据库(即：@Html.DisplayFor(modelItem => item.LastName ) )中的所有数据。但是，我想主要使用Angular。我尝试使用ng-repeat来显示所有的模型数据，但我不确定如何将该模型数据传递给角度控制器，然后使用它。我尝试在我的ng-init中将Model序列化为JSON，但我不认为我这样做是正确的(显然)。
下面是我的代码：
// controller-test.js
var myApp = angular.module('my
浏览 24提问于2015-06-09得票数 22
回答已采纳
我刚开始学习angularJS，但我一直在想如何将变量传递给工厂并在单击事件时刷新资源。
具体地说，我不知道如何将搜索变量从表单字段传递到工厂，而不是传递硬编码的‘？’进入参数：{query：‘？’} ...然后，在提交时，应该使用该搜索参数再次获取资源...我试图在其中使用"searchterm“变量，但它输出了控制台中未定义的”searchterm“。
<html ng-app="notmuchApp">
<head>
<meta charset="utf-8">
<title&g
浏览 0提问于2016-02-25得票数 0
3回答
我正在尝试通过构建自己的库存管理系统来学习Node.JS。我正在尝试学习如何将数据从HTML页面和客户端JS脚本传递到服务器，然后将数据返回到客户端JS脚本。 到目前为止，我已经用表单创建了一个基本的HTML页面，我创建了一个client JS脚本和Index/Server JS脚本。服务器是节点，使用nedb作为数据库，使用webpack。 我目前的问题是，我无法将数据从超文本标记语言表单发送到服务器以转到Client.js函数。我已经尝试使用response.sendFile和其他一些响应。命令，但服务器一直说response.x不是一个函数(x是sendfile/render/etc.
浏览 25提问于2019-08-27得票数 0
2回答
我有一个名为parent.html的页面。在那里，我将模式对话框称为child.html。我在child.html中有一个用于关闭模式对话框的链接按钮。同时，我希望将值从child.html传递给parent.html。
如何将值从子页面发送到父页面？
浏览 1提问于2012-12-19得票数 1
//这是我的HTML代码，其中我从后台返回一个列表。
<ul> <li ng-repeat=" opt in bcfList1 track by $index" > <input type="radio" name="buildid" id="buildid" ng-model = $parent.selected ng-value="bcfList1" required> {{ opt }} </li> </ul>
//这是我的controller.js
浏览 19提问于2018-03-02得票数 0
回答已采纳
我有一张html表格
<table>
<tr ng-repeat="row in rowsproductrequests">
<td>{{row.PRODUCTID}}</td>
<td>{{row.DESCRIPTION}}</td>
</tr>
</table>
用于搜索产品的第二个表：
<table>
<tr ng-repeat="row in searchproductsList">
<td&g
浏览 4提问于2017-09-08得票数 2
好的，我知道下面的代码是如何使用express将对象发送到HTML文件的。但是nodejs代码与HTML文件在不同的主机上。那么如何将JSON数据发送到位于不同主机上的HTML文件呢？
Node JS file code:
app.get('/test', function(req, res, next) {
res.json({ message: 'Hello World' });
});
And HTML file code:
$.ajax({
url: '/test',
complete: function(data) {
浏览 0提问于2017-01-22得票数 3
回答已采纳
当我单击表上的特定元素(下面有$scope的代码)时，我希望检索该元素的信息(例如示例代码中的"apple“)。
目前，我在搜索$scope.studentsObj中的一个元素并将一个onClick附加到所有元素(这包括由$scope.studentsObj.push函数添加的元素)时遇到了困难。
而且，现在当我使用$scope.studentsObj.push时，它总是转到下一行，如何将元素推送到特定的键值？例如，当我添加"first: apple, last: juice" , "first: apple, last: pie"行时，应该用"
浏览 2提问于2017-05-01得票数 0
回答已采纳
我试图写一个简单的谷歌铬分机。但是，当我试图将一些动态数据从contentscript.js发送到background.html时，没有得到任何结果。发送静态数据没有问题。
这是background.html
<html>
<head>
<script>
chrome.extension.onRequest.addListener(function(request) {
alert(request.text);
});
浏览 3提问于2011-08-18得票数 1
回答已采纳
3回答
我上周刚开始使用角，我很难从刚刚加载的模板中访问DOM。下面是发生的事-
index.html
<div class="template" ng-app="myApp" ng-controller="myController">
<div ng-include="template_url"></div>
<input type="button" value="Load Top" ng-click="loadTopTemplate()&
浏览 6提问于2016-08-26得票数 5
回答已采纳
我正在尝试从api中获取电影的详细信息，现在我想点击每个电影，并在电影详细信息页面的点击参数上显示电影的详细信息。我在api中有"url“，我想使用它作为参数。我的项目结构如下：
index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="js/angular.min.js"></script>
<scri
浏览 3提问于2015-12-12得票数 0
1回答
我试图编写一个显示对象属性的简单的角指令，但我不明白绑定是如何工作的。
<div ng-repeat="c in cars">
<div car carElement={{c}}></div>
<div>
.directive('car', function() {
return {
template: function(elem, attr){
var car = attr.carElement;
return car.brand + ' ' + car.
浏览 1提问于2015-03-16得票数 0
回答已采纳
我从我的后端服务器接收数据，结构如下：
{
name : "Mc Feast",
owner : "Mc Donalds"
},
{
name : "Royale with cheese",
owner : "Mc Donalds"
},
{
name : "Whopper",
owner : "Burger King"
}
就我的观点而言，我想要“颠倒”这个列表。也就是说，我想列出每个所有者，并为该所有者列出所有汉堡。我可以通过在过滤器中使用underscorej
浏览 0提问于2013-05-12得票数 38
回答已采纳
我在前面使用html页面。我将信息从html页面发送到jquery，以便向控制器进行身份验证。控制器将有关信息的信息发回jquery。如何将此信息发送到另一个html页面。我的脚本是用单独的js文件编写的。请帮我解决这个问题。谢谢
浏览 2提问于2013-12-31得票数 2
回答已采纳
2回答
我从服务器检索了一个对象数组。该查询工作正常，但当我在html视图中执行ng-repeat时，它不工作，也不会显示任何内容。为什么？这是js代码：
$scope.companyList = [];
$scope.getCompanyList = function() {
$scope.companyList.length = 0;
CompanyListSrv.getCompanyListDetail(function (companyListDetail) {
if (companyListDetail) {
$scope.comp
浏览 6提问于2016-06-10得票数 0
回答已采纳
我需要开发一个前端拖放插件。首先，我收集html5拖放代码。
下载zip格式的源代码-
将文件放入localhost并打开。如果您上传文件，它将被上传到"uploads“文件夹中。因为我将代码放在“/js/mashpy.js”中，所以这次将加载"upload.php“文件，并将文件发送到"uploads”文件夹中。
这意味着这个过程是这样工作的-- index.html -- js/mashpy.js -- upload.php --将文件发送到"uploads“-- dump.php将显示上传成功的结果。
现在我要开发一个前端的拖放插件。但是我不知道如何在w
浏览 0提问于2013-07-19得票数 0
我尝试在ng-repeat中使用"controller as“，但我无法访问html中的数据。下面是代码片段：
控制器js：
angular.module('myApp')
.controller('reportController', function (reportCandidate) {
reportCandidate.query(function(response){
//$scope.candidateInfo = response;
this.candidateInfo=response;
})
浏览 0提问于2017-04-06得票数 0
我正在开发一个浏览器扩展使用十字骑手。我有一些资源页面，比如popup.html和popup.js。在popup.html中，有一个表单，当用户提交表单时，我想要将数据发送到我的服务器，这是直接的。但我也希望将活动选项卡url与表单数据一起发送。但是我们只能在background.js中获得活动选项卡url。为此，我需要将表单数据发送到background.js，然后将它们发送到我的服务器。
那么，我的问题是如何将数据从popup.js (弹出窗口)发送到background.js？
浏览 3提问于2014-01-09得票数 0
所以我有这个代码，它显示了弹性搜索的数据，目的是获得一些数据，计算平均值，并显示一个红色或绿色的按钮。
我才刚刚开始。
<!doctype html>
<html ng-app="EsConnector">
<link rel="stylesheet" href="styles/main.css">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
浏览 1提问于2015-11-19得票数 0
我想在angular中使用ng-submit提交一个表单，但我也使用了ng-repeat和ng-if，由于在其中我面临着具有ng-model coz为ng-if的输入选项消失的问题，我的代码将使它更清晰。
<!DOCTYPE html>
<html>
<script
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">
</script>
<body>
<div ng-app="myApp" ng
浏览 0提问于2017-08-27得票数 0
我需要将数据从我的模型发送到我的脚本。我做了这样的事：
var model = @Html.Raw(Json.Encode(Model))
var data = model.Foobar;
它在视图中工作，但我必须在外部.js文件中使用这些数据。
您知道如何在脚本中从我的模型中获取数据吗？
浏览 6提问于2014-04-09得票数 1
回答已采纳
2回答
我正在编写一个角度应用程序，它与已经在使用的接口。Google返回的数据以"ga:“作为前缀，例如"ga:newVisits”。
如果使用表达式{{total.ga:newVisits}，角不能解析它。任何试图转义冒号以继续的尝试都会导致错误或完全转义我的表达式。
如何将{{total.ga:newVisits}传递给角以使表达式正常工作？
<!doctype html>
<html ng-app="AnalyticsApp">
<head>
<script src="https://aj
浏览 6提问于2014-01-10得票数 4
回答已采纳
3回答
如何从javascript中设置ng模型名称？
HTML
<div ng-repeat="model in models">
<input ng-model="?">
</div
JS
$scope.models= [
{name: "modelOne"},
{name: "modelTwo"},
{name: "modelThree"}
];
非常感谢你的回答。
浏览 4提问于2015-04-03得票数 1
回答已采纳
2回答
使用ng选项创建下拉列表
、、、
我想使用html中的ng选项创建一个下拉列表。我在这个问题上看到了几个引用，并且考虑到了数据结构、变量等方面的差异。我不知道如何将信息从我的Parse后端传输到html前端的下拉列表中。
下面是我正在运行的html的一个片段：
<div class="form-group" ng-repeat="category in allCategories.primary">
<select ng-model="category.primary" ng-options="bizCategories.primary for
浏览 3提问于2015-01-15得票数 0
回答已采纳
我做错了什么，但我看不出是什么(这可能是由于我的AngularJS技能较低)。在我的HTML中有一个简单的ng-repeat：
<ul>
<li ng-repeat="fot in fotografia"><img src="{{fot.path}}"></li>
</ul>
下面是我的app.js：
myApp.controller('homeController', function($scope) {
// fotografia = []; is here only b
浏览 0提问于2015-04-19得票数 3
回答已采纳
var demoApp = angular.module('myApp', []);
demoApp.controller('MyController', function($scope, $http) {
$scope.formData = {};
$scope.formData.selectedTechnologies = {};
$scope.checkSelected = function(object) {
return Object.keys(object).some(function(key) {
浏览 4提问于2017-04-12得票数 0
回答已采纳
2回答
当我单击show5，然后单击goto5时，它按预期工作，但当我单击showngo5时，它不能按预期工作，即使调用相同的方法。
为什么showngo5不在这个中工作？
html：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - example-example51-production</title>
<link href="style.css" re
浏览 4提问于2016-05-16得票数 0
回答已采纳
3回答
我有一个来自后端的json文件，我想通过ng-repeat显示它。我不知道怎么得到这个元素。
在html文件中，我想做这样的事情
<div ng-repeat = "answer in answers">
{{answer}}
</div>
在我的app.js文件中，我知道我得到了正确的数据，因为我已经在console.log上显示了它
socket.on('got message', function(data){
console.log(data);
});
但我不知道如何将数据转换为答案。console.log上的数据显示了
浏览 3提问于2020-02-20得票数 0
回答已采纳
3回答
我正在学习node.js，我想编写一个程序来绘制从mysql数据库获取的数据图表。我正在server.js文件中进行后端处理，并在index.html中显示结果。因为我对node.js和网络编程很陌生。我不知道如何将数据作为javascript对象并绘制它的图形。
问:我想知道如何将获取到javascript对象的数据发送到图形绘制代码。
这是我的server.js：
var mysql = require('mysql');
var express = require('express');
var app =express();
var country =
浏览 2提问于2016-01-13得票数 1
回答已采纳
我的app.js：
var app = angular.module('factory', []);
app.controller('Ctrl', function($scope){
$scope.users =[
{name: 'jimbo', info: ''},
{name: 'bobby', info: ''}
];
$scope.addAllInfos = function(){
};
});
我的index.html：
浏览 4提问于2015-05-09得票数 1
回答已采纳
我是angularjs和rails的新手，我试图将json数据从rails控制器发送到angularjs控制器，如下所示：
class ProductsController < ApplicationController
def index
@prods= Product.all.to_json()
end
end
application.html.erb：
<!DOCTYPE html>
<html ng-app="ProductApp">
<head>
<title>Angular2</title
浏览 1提问于2014-12-12得票数 0
回答已采纳
使用，"html覆盖“功能，可以将事件从html发送到c++代码吗？
该框架提供的示例清楚地演示了如何将事件从c++发送到html (通过递增计数器并使其在html中反映)，是否有可能以相反的方式进行通信？
浏览 6提问于2015-03-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
