如何在Jquery中透视数据-ng-repeat数据？
在Jquery中透视数据可以使用ng-repeat指令来实现。ng-repeat是AngularJS框架中的一个指令，用于在HTML模板中循环遍历数据并生成相应的HTML元素。
要在Jquery中使用ng-repeat指令，首先需要引入AngularJS库文件，并在HTML页面中定义一个AngularJS应用程序。然后，在需要透视数据的HTML元素上添加ng-repeat指令，并指定要遍历的数据源。
下面是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<ul>
<li ng-repeat="item in data">
{{ item.name }}
</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.data = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 30 },
{ name: 'Bob', age: 35 }
];
});
</script>
</body>
</html>在上述代码中，我们首先引入了Jquery和AngularJS的库文件。然后，在<div>元素上定义了一个AngularJS应用程序，并指定了一个控制器myCtrl。在控制器中，我们定义了一个名为data的数组，其中包含了要透视的数据。
接下来，在<li>元素上使用ng-repeat指令，并通过item in data指定了要遍历的数据源。在每次循环中，我们可以通过{{ item.name }}来访问当前遍历到的数据项的属性。
运行以上代码，就可以在页面中看到透视后的数据列表。
推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS）。
- 腾讯云云服务器（CVM）：提供弹性、可靠的云服务器，适用于各种应用场景。
- 腾讯云对象存储（COS）：提供安全、稳定的对象存储服务，适用于存储和管理大量非结构化数据。
以上是关于如何在Jquery中透视数据的答案，希望能对您有所帮助。
相关·内容
2回答
我必须将<div class="row" ng-repeat="..">..</div>设置为视口的百分比减去设置的像素量(这可能不会因为jQuery或更少而造成问题)。最大的问题是ng-repeat。
在jQuery中，有角的或者更少的方法来做这个吗？
编辑:最大的问题是重复。
浏览 0提问于2015-05-21得票数 2
回答已采纳
1回答
我是一个相当新手在VBA和第一次张贴，所以请容忍我。
我正在尝试从数据透视表中复制数据并将值粘贴到单独的工作表中。我需要尽可能地保持宏的灵活性，以迎合未来对轴心的任何潜在更改。本质上，我想复制(例如) A6:E77，但如果底层数据发生变化，此行范围可能需要更改(因此更改为A6:E84，而不是A6:G77)。我可以使用以下命令选择不一致数据集中的所有垂直非空单元格：
Range("A6", Range("A1048576").End(xlUp)).Select
但是，如何选择列B:E中与列A中选择的单元格相邻的所有单元格呢？
我尝试使用以下代码，但它似乎忽
浏览 0提问于2013-08-19得票数 1
回答已采纳
在Excel2002中，我有多个数据透视表，每个数据透视表都位于不同的工作表中。
当我尝试用VBA用下面的代码生成这些图表时：
Set cht = Charts.Add(After:=Worksheets("Setup"))
With cht
' we use named ranges here
.SetSourceData Source:=range(tblName)
.Name = chtName
……
其中tblName是刚刚创建了几行的命名范围，如果只有一个表和图表生成，代码运行正常，但给我一个运行时错误1004：“PivotChart报
浏览 4提问于2009-06-01得票数 0
回答已采纳
我需要在ssrs中创建reoprt，就像MS Excel中的数据透视表一样。
在我需求的屏幕截图上，我这次非常困惑。请提供一些指南，资源和链接，我在那里找到需要的帮助。
浏览 0提问于2012-02-25得票数 6
回答已采纳
我有一个ng-repeat，它使用一个数组作为它的数据。现在，在UI中，我使用拖放对元素进行了重新排序。我有一个cancel按钮，它可以重置ng-repeat，这样元素的排序就可以根据数组的顺序返回。我不知道该怎么做。有没有办法通过angularjs或者使用jquery来实现呢？
浏览 43提问于2020-01-07得票数 0
回答已采纳
我想用eclipse连接mysql数据库，我有eclipse indigo 3.7.1的"java开发人员“版，并且在很多教程中说”打开数据库开发透视图“来连接，但是......
我没有这种观点，在eclipse for java ee开发人员中有这种观点，但在我的java se (标准)中没有:(
我怎么才能得到它呢？
谢谢!
浏览 3提问于2011-10-28得票数 15
回答已采纳
1回答
我已经使用了jquery datatable，
HTML代码
<table id="result_table" class="display table table-bordered" cellspacing="0" width="100%">
<thead>
<tr>
<th>#</th>
<th&
浏览 0提问于2016-06-20得票数 0
2回答
AngularJS 1.3.15
jQuery 2.1.3
“严格使用”
传递参数到函数不起作用。
C.change = 328；
ng-click="editMapSize( C.change )“
页面中的()
ng-click="editMapSize( C.change )“
ng-click="editMapSize( {{ C.change }} )“
误差
语法错误:从{editMapSize}}开始的表达式editMapSize( {{C.change}} )第15列上的令牌'{‘无效键。
.html
<table clas
浏览 3提问于2017-04-12得票数 0
2回答
在列数不同的数据表中，如何透视数据？一些列将始终存在于datatable中，例如ID和Name，但其余列可能会有所不同。我已经在这个问题上挣扎了很久，似乎想不出一个优雅的解决方案。有没有人有建议？
浏览 0提问于2010-09-20得票数 1
下面是我的jquery ajax调用
jQuery.ajax({
url: view_url+"get_messagekinds",
success: function (result) {
$scope.response = result;
},
async: false
});
下面是html代码：
<select id="select_msg_kind"
name=&#
浏览 9提问于2016-08-08得票数 0
我使用的是jquery，所以解决方案可以是服务器端，也可以是客户端( asp.net等)。
我似乎找不到任何好的工具可以模仿excel数据透视表(允许用户获得他们在excel数据透视表中获得的体验)在网络上以良好的性能。
浏览 1提问于2009-12-14得票数 4
回答已采纳
我已经更新了eclipse。但我必须始终转到我的文件系统上的android sdk文件夹，并导航到位于该文件夹中的工具。在ealry版本中，eclipse上的adt和sdk工具有捷径。它们被显示在eclipse的菜单栏下。有没有办法让他们重新回到eclipse上？
浏览 1提问于2012-12-31得票数 0
我在spring中有一些正在进行的spring引导web项目。然后我创建了一个新的项目，它使用JSP文件从数据库读取数据，因为我创建了动态web项目，当时有一条pop消息显示项目需要更改JAVA格式--类似那样。单击“确定”按钮后。它将改变我以前所有的项目结构。如何摆脱这个problem.And想知道为什么会发生这种情况？提前谢谢。
项目结构：
我尝试创建新的spring引导项目以获得默认结构，但是它改变了它的项目结构。
希望获得我以前所有的spring引导项目和新创建的project.Want的前一个项目结构，以便从项目结构中删除部署描述符/和相关文件。
浏览 4提问于2019-10-09得票数 0
回答已采纳
1回答
DAX最后n个日期过滤器
、、、
我希望对日期列(称为“period_control_date”)应用一个筛选器来检索最后6个适用日期(从名为“工资”的事实表中)。
是否有一个DAX公式对最后n次观测进行滤波？
我的数据模型非常简单：
下面是一个示例数据透视表，我已经手动筛选到最后6个日期：
支付频率可以是每半个月的SM或每两周的BW。我希望有一些公式，将只适用于其他过滤器应用。
我目前在数据模型中没有日期表，但是如果需要的话可以添加一个。
浏览 10提问于2022-03-29得票数 0
回答已采纳
2回答
Excel图形细分
、、、、
我有这个信息，我是从它生成一个图表，但我想添加一个子分类。
我目前有如下表格和图表：
，我想知道是否有任何方法来添加一个子分类，以便这样的东西被保留下来，从A:列中获取数据
谢谢你的支持..。
浏览 1提问于2019-01-20得票数 0
我有三张桌子，我是一个多对多的关系。
表"semaine“
<code>A0</code>
表"bitheme“
<code>A1</code>
表"bitheme_semaine“。在其中我添加了一个新的"statut“列
<code>A2</code>
在我的例子中，如果关系存在，我的状态可以是1或2(在数据库中，这个字段默认是1)。
在我的编辑表单中，我必须复选框：
<code>A3</code>
我也同步我的表：
<code>A4</code
浏览 8提问于2019-08-20得票数 0
回答已采纳
目前我有一个数据透视表，如下所示
目前，我创建的其中一个图向xlPie图表添加了一个系列，但是它选择了Range("C6:C12")中的数据，而我希望它选择倒数第二列Range("F6":"F12")，因为我们需要的是总值，而不仅仅是一个月的值。
这是当前创建的供参考的饼图：
要创建此图表，我在此图表所在的表中使用以下代码：
Dim shpPie As Shape
Set shpPie = ActiveSheet.Shapes.AddChart(xlPie)
shpPie.Chart.SetSourceData Source
浏览 2提问于2015-05-07得票数 0
如何在div中动态创建AngularJS元素？
例子：
<table ng-controller="tableController">
<tr ng-repeat="totaldivs in parameters">
<td ng-repeat="divId in totaldivs">
<!--
want to replace something like below div
<div id="days_01"><span>DI
浏览 3提问于2016-11-18得票数 0
1回答
我有一个带有多个数据-*属性的锚标记，这个锚将使用ng-重复多次重复。当单击单个元素时，我想获取属性的值。
我使用JQuery获取属性值，使用$(this).attr(' attribute ')很容易。
但是，这只适用于页面上的一个按钮。当使用ng-重复呈现多个按钮时，此操作不起作用。我假设这是因为多个按钮以相同的属性名称呈现，而jquery不知道如何区分它们。如何获得单击的元素的数据-*属性值？
//JQuery
//Works when only a single editButton is on the page but not when multiple button
浏览 0提问于2017-12-04得票数 0
回答已采纳
我在python中有一个数据帧，如下所示：
time A B C D E F
0 2019-12-19 15:00:00 foo one small 1 2 2
1 2019-12-19 15:00:30 foo one large 2 4 4
2 2019-12-19 15:01:00 foo one large 2 5 5
3 2019-12-19 15:01:30 foo two small 3 5 5
4 2019-12-19 15:02:00 foo two small
浏览 0提问于2020-02-27得票数 0
我有一个通过ngResource加载的数组。数组中的每个对象都具有三级深度(对象包含一个对象数组，而该数组又包含一个对象数组)，如下所示：
ngResource = [
object1 = {...},
object2 = {...},
object3 = {
...
array = [
object1 = {...}
object2 = {...}
object3 = {
...
obj1 = {...
浏览 4提问于2014-09-16得票数 2
回答已采纳
我希望能够在Eclipse Juno中为项目创建部署工件。我已经安装了activiti for eclipse，但是当我右键单击一个项目时，仍然没有“创建部署工件”选项。
浏览 0提问于2012-08-27得票数 2
2回答
我有一列数据，就像下面" data“下面的那一列。如何创建汇总每个唯一值的图表，如下所示：
CPU Utilization Alert 6
Free Memory Alert 1
System Uptime Alert 2
数据：
CPU Utilization Alert
CPU Utilization Alert
Free Memory Alert
System Uptime Alert
CPU Utilization Alert
CPU Utilization Alert
CPU Utilization Alert
System Uptime Alert
CPU
浏览 1提问于2019-11-14得票数 0
3回答
我在谷歌电子表格中使用脚本，它非常棒。
我遇到了一个问题。
我尝试创建(从已加载的一段数据)来创建透视报表。电子表格中的菜单选择没有问题(Menu "date“->”透视报表“) ...我找不到一种方法来创建一个可以自动执行此操作的脚本。
如何在Google电子表格脚本中创建数据透视表？
和“可能吗？
浏览 11提问于2012-07-04得票数 2
回答已采纳
我创建了一个递归的ng-repeat元素，试图操纵这些东西已经变成了一场噩梦，因为我没有对正在迭代的父元素的引用。
ng-repeat如下所示：
ng-repeat="(key, value) in value"
记住它是递归的，所以value中的每个值都变成了新值，所以我不能只使用ng-repeat中的" in“值。我想做一些事情，比如检查父元素是否是一个数组，但$parent是一些奇怪的东西，而不是当前迭代值的父元素。
我想做的一些事情的例子是：
ng-show="isArray(parent)"
ng-click="delete(paren
浏览 1提问于2014-01-02得票数 12
回答已采纳
我创建了下面的透视表，显示了各种图书的销售情况： ? 在右侧的数据透视表中，我想将作者作为助手字段插入到Book的右侧。例如，如下所示： ? 这可以在Excel数据透视表中实现吗？如果是这样，我如何才能做到这一点呢？
浏览 11提问于2020-01-09得票数 1
回答已采纳
1回答
自以来，我对一些输入使用，但是当动态插入输入时，它不会得到掩码：
<li ng-repeat="item in items">
<input type="text" name="birth_date" class="span2 format_date" ng-model="birth_date" placeholder="Data de Nascimento" required />
</li>
这是相关的脚本
<script type="t
浏览 3提问于2014-02-06得票数 1
回答已采纳
我想使用jquery中的插件在我的AngularJS应用程序中设置列。我的超级天真的方法是：
.directive('columnize', function() {
return {
restrict: 'A',
link: function(scope, iElement, iAttrs) {
$(iElement).columnize({columns: 2});
}
};
});
使用以下HTML代码：
<ol class="questions"
浏览 0提问于2012-11-14得票数 1
我想用Jquery 插件(6000行)来使用大量数据。
我目前正在使用php返回DOM表，并使用
$("#datatable-container").children("table:first").dataTable({
"bJQueryUI": true,
"sScrollX": "100%"
});
我的问题是当呈现表时，浏览器锁定一段时间。我理解javascript的线程限制..。我想知道是否有更好的方法来加载不锁定浏览器的数据/呈现表？
Note简单的“分页”数据将无法工作，除非有人能告诉我
浏览 11提问于2011-08-10得票数 0
回答已采纳
我们有一个如下所示的表：
Year Malaria Tuberculosis Dengue Fever Ebola [etc etc]
-----------------------------------------------------------
2015 20 185 17 3
2016 25 149 22 54
2017 24 132 24 4
2018 22 108 20
浏览 1提问于2018-10-24得票数 2
我的源数据表是
MemID Condition_ID Condtion_Result
----------------------------------
1 C1 0
1 C2 0
1 C3 0
1 C4 1
2 C1 0
2 C2 0
2 C3 0
2 C4 0
我想要创建的预期视图是....
MemID C1 C2 C3 C4
------------------
1
浏览 0提问于2012-07-24得票数 6
回答已采纳
1回答
在下面的演示文稿中，我有excel格式的数据：
如你所见，在第一列中我有日期，在第二列中我有一些值。但是，我希望我的数据如下：
我希望我的数据按月和年分组，并显示在下图中。我尝试过使用pivot函数，但它似乎不起作用。我将非常感谢您的帮助，并提前表示感谢。
浏览 0提问于2020-09-24得票数 0
在立方体中，我有一个计算出的度量值[Nb>4]，这取决于度量值[Nb]，只过滤高于4的值。
我们不希望用户看到底层度量[Nb]，所以我定义了一个使用-[Measures].[Nb]隐藏它的透视图
我正在寻找一种方法来提供对透视图的访问，而不允许访问它所依赖的多维数据集.(因为使用xmla (Excel)，用户目前可以看到透视图和的多维数据集)。
我试图使用角色定义模块来实现这一点，但这似乎是不可能的。
浏览 5提问于2015-10-30得票数 2
回答已采纳
1回答
如何在橙色数据集中的列中查找唯一值和唯一值的数量？我查看了小部件数据信息和功能统计，此信息未显示。
浏览 2提问于2020-07-15得票数 1
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script type="text/javascript">
var tl = new TimelineMax({ repeat:-1});
tl.to($('.b
浏览 4提问于2014-08-13得票数 0
回答已采纳
我正在尝试更新一个现有的动态网页，从SQLServer数据库中获取图像和标题，加载到AngularJS ng-repeat中。bxSlider可以很好地处理静态数据，但当涉及到使用ng-repeat从web服务获取的数据时，它只显示为图像列表。 我尝试在页眉、页脚和紧跟在bxSlider div之后的位置使用以下脚本。但它不起作用。 $(window).load(function () {
$(function () {
$('.bxslider').load(function () {
$('.bxslider'
浏览 20提问于2019-04-17得票数 1
4回答
我有一些数据，我可以使用div将这些数据编译成ng-repeat。我试着把它们分成两列，却找不到构建它的方法。
下面是我的例子：
html:
<div ng-controller="Ctrl">
<div class="left">
<div ng-repeat="item in data">{{item.value}}</div>
<!-- i've tried filter and failed -->
</div>
浏览 0提问于2015-03-06得票数 5
回答已采纳
这里我使用angular在我的视图中填充数据。这只是一个样品..在单击特定的ageGroupCategory时，我需要将数据添加到表单中，然后保存整个数据，包括节点的父id。帮助我使用JQuery代码来获取父节点ids。当我使用angular的ng-repeat指令时，我无法在子节点上获得父ids ..请帮我提一下建议..
<div>
<ul>
<li id="{{sport._id}}" ng-repeat="sport in sports">
<a>{{spor
浏览 0提问于2015-10-24得票数 2
:)
我正在尝试使用带有Angular.js指令的"owl carousel“jquery插件，这是示例
<div id="owl-demo">
<div class="item"><img src="assets/owl1.jpg" alt="Owl Image"></div>
<div class="item"><img src="assets/owl2.jpg" alt="Owl Image">
浏览 2提问于2013-11-29得票数 3
我到处寻找解决我的问题的方法，但是找不到适用于我想要的效果的任何东西。
数据将自动输入到google文档表中，该工作表可以输出多个条目一天。我有一个单独的日期列，我想使用脚本或函数在列中自动查找重复的日期，并将重复的各个行的数据合并到另一个工作表中的一个行中，其中包含所有合并行的所有条目。如果有人能帮忙，我们会非常感激的。我提供了一个示例文档，这样您就可以看到数据类型、布局等。
编辑:我也认为它不一定是数组函数，但是它必须能够主动地检查在没有用户输入的情况下创建的新单元格。
浏览 2提问于2014-05-20得票数 1
回答已采纳
我从mysql数据库中获得了以下数据，其中"comment“来自一个表，"blog”是另一个表。现在，我想通过ng-repeat在视图中显示此数据。
{
"comment":[
{"comment_id":"3","blog_id":"1","total_comment":"2"},
{"comment_id":"9","blog_id":"8","total_comment&
浏览 8提问于2016-09-18得票数 0
1回答
如何在角js中切换命令
、、、、
我试图在同一个按钮上显示数据，使用angularjs单击，.I可以按升序显示数据，.But如何显示在相同按钮上的降序(作为jquery中的切换)。我会告诉你问题，我的表头上有按钮"V“，在那个点击中，我按升序排序列，.can，我们在相同的按钮上按降序。
当用户第一次单击colomn ..预期结果是这样的，我能够做到这一点。
Calls Royal Dutch sell
p a royal data
Xgtyu test royal dat
但是，如果他再次单击相同的按钮.Then，它将显示这个预期结果。
Xgtyu tes
浏览 2提问于2015-06-03得票数 3
回答已采纳
我已经创建了一个带有两个过滤器组合的数据透视表...假设过滤器A为是，过滤器B为是...如果且仅当两者均为Yes时，我需要从pivot复制数据，否则在复制数据时应忽略pivot
通过VBA代码创建数据透视表并选择筛选器为Yes ...因此，在代码执行完成之前，我们不知道表中包含两个过滤器的位置是
'Create Pivot Cache
Set PCache = ActiveWorkbook.PivotCaches.Create(SourceType:=xlDatabase, SourceData:=PRange).CreatePivotTable(TableDestination:=P
浏览 7提问于2019-09-13得票数 1
3回答
我在layout.html页面中有一个带有5个菜单的fixed left side menu bar。每个li包含单独的html文件。
我正在从外部超文本标记语言加载.body-content。
我的疑问是，当我点击菜单列表时，关于内容应该在我的代码中显示在body content.But中，它会导航到新页面。我知道这是因为我直接给了href文件路径。
有人能告诉我如何在点击href时只更改.body-content数据吗？
layout.html
<ul class="nav main-menu">
<li class="dropdown"
浏览 0提问于2017-10-31得票数 0
我想在Eclipse中为jQuery使用autocomplete。Aptana插件已安装：
Aptana Web Development Tools
Version: 1.5.1.25495-787Y07jbcbrChz-Tq2k383275
对jQuery的支持还包括：
Aptana Support for jQuery
Version: 1.3.2.00005
安装了JavaScript/WTP：
JavaScript Developer Tools
Version: 1.1.1.v200906091427-77-FGBCcNBC-BeMcEeOm
Build id: 2009061603
浏览 1提问于2009-08-29得票数 44
回答已采纳
我正在创建一个excel仪表板，并需要它的透视图表和表格。为此，我将每个数据透视表放在不同的工作表上。我想知道这是怎么做的，因为我见过的所有仪表板示例都没有额外的数据透视表。
浏览 0提问于2017-10-04得票数 0
1回答
我已经创建了一个数据透视表，以显示按多行筛选的数据。但是，输出显示如下：
Label1
Label2
Label3-1
Label3-2
Label3-3
etc...
有没有一个选项可以让我复制这些行标签而不是将它们清空？我希望上面的代码看起来更像是从数据库中提取的数据，如下所示：
Label1 Label2 Label3-1
Label1 Label2 Label3-2
Label1 Label2 Label3-3
etc...
这个是可能的吗？
浏览 2提问于2012-09-26得票数 0
回答已采纳
海伊，我有一些问题，在ng-重复，我想问这段代码。好的，所以我试着显示所有的数据，1。我显示了name with ng-repeat-start。2.我用ng-repeat给出了问题，3.我用ng-repeat再次展示了内衣，问题是，当我尝试在第3步中重复表演时，回答为什么名称和问题不显示？如何显示这些数据？？
1. name/title // in this code not showing => must show
2. the Questions // in this code not showing => must show
3. Answears => 1 2 3
浏览 3提问于2017-11-23得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
