Angular 2 ngui-带*ngFor的可排序列表 - 腾讯云开发者社区

文章/答案/技术大牛

发布

2回答

Angular 2 ngui-带**ngFor*的可排序列表

angular、ngfor

我正在尝试创建一个动态的可排序列表，当它是静态的时，它工作得很好，但当我试图从基列表中获取它时，它就变得不可排序了<ul ngui-sortable> <li id="the">The</li> <li id="into"

浏览 11提问于2017-08-21得票数 1

回答已采纳

6回答

如何使用angular cdk v7.0.0+在CdkDropList中禁用排序

angular、typescript、drag-and-drop、angular-cdk

我正在创建两个CdkDropList对象，拖放功能运行良好，我的问题是，当我在第一个列表中拖动时，我想禁用排序。假设我有列表A和列表B。我从A拖动到B，当我在列表A上时，我想禁用排序。换句话说，我只想要拖放功能，而不是排序。我可以禁用它吗？

浏览 2提问于2018-11-20得票数 5

1回答

具有JQueryUI可排序的Angular7 ngFor -奇怪的数组呈现行为

jquery、angular、jquery-ui-sortable、ngfor

我正在使用JQueryUI sortable和Angular 7创建动画可重排序列表。到目前为止，它工作得很好，但问题出现了，当我试图在重新排序列表后添加新对象时。btn-danger">Delete</button> </div>

浏览 0提问于2018-11-30得票数 0

1回答

SortableJS角2.0+绑定:不同组件中两个列表之间的拖放

angular、sortablejs

我使用是为了有一系列的拖放列表。当每个列表包含在自己的组件中时，拖放是否可能工作？在视觉层面上，我能够重新排序列表中的项目。但是，在列表之间传输的项目在第二个项目被转移之前不会出现(请注意屏幕截图上部的“列表2”是如何丢失列表项"2“的，这是从”列表1“转移到”列表2</e

浏览 12提问于2017-12-10得票数 0

回答已采纳

4回答

角2中存在哪些循环类型？

loops、angular

在角2中存在哪些类型的环？有什么例子吗？这将有助于非常有力的理解。<ul cla

浏览 9提问于2016-01-14得票数 7

回答已采纳

1回答

角7用本机CDK拖放嵌套列表

angular、drag-and-drop、angular7

我是使用本机角7拖拽提供的@angular/cdk/drag-drop。基本上，我只需要在另一个列表中创建一个可排序列表，如下代码所示： <div class="external-item" cdkDrag *ngFor</em

浏览 1提问于2018-11-02得票数 3

1回答

如何创建未知数量的bs可排序元素？Angular4 ngx-bootsrap

angular、angular-cli、bootstrap-4、ngx-bootstrap

有没有可能用*ngFor创建bs-sortable元素？当我尝试这个(下面的代码)时，浏览器中的整个页面都冻结了。app.component.ts import { Component } from '@angularO'

浏览 0提问于2017-09-24得票数 0

1回答

Angular 10自定义orderBy管道，传递特定的值层次结构，不升序或降序

javascript、angular

我正在尝试使用自定义管道对angular 10中的表单对象列表进行排序，并尝试按照特定顺序的对象属性对它们进行排序。按顺序，这些属性将是[{VALID: 1}, {INVALID: 2}, {DISABLED: 3}]。我将它们作为参数传递给模板中的管道。我的烟斗看起来像：impo

浏览 2提问于2021-04-21得票数 0

3回答

Angular2:使用**ngFor*反向显示2个数组作为键值对

angular、ngfor

例如，我有两个数组[1, 2, 3, 4, 5] 如何使用*ngFor以逆序显示这些键值对？像E:5 D:4......

浏览 23提问于2017-03-07得票数 0

回答已采纳

1回答

无法使用拖放库使用多个可排序列表

javascript、angularjs、typescript、angular

我正在使用一些 (angular 2库)，对于一个列表，它对我来说工作得很好，它也是一个非常简单的实现，它看起来像这样： <div class="list-bg" *ngFor</

浏览 0提问于2016-07-29得票数 0

2回答

带ngFor的Angular* 2内联样式*

css、angular

我正在尝试为div标签设置一个动态高度，如下所示： <div class="barchart.Count}}</div> <div class="barlabel">{{chart.DaysLeft}}</div>以这种方式做

浏览 0提问于2016-02-03得票数 4

回答已采纳

2回答

带SVG的Angular2 - NgFor

angular、typescript、svg

我有一个SVG元素，我想用ngFor绘制。SVG只由行组成，因此理论上应该是可能的。我目前有以下代码：import {Component} from 'angular2/core'; selector: 'my-component',98.91, y2: 1 }, { weight: 0.5, x1: 85.31, y1: 9.67, x2: 98.23, y2: 9

浏览 3提问于2017-04-24得票数 2

回答已采纳

1回答

带条件的angular* 2- ngfor ()*

angular、ionic2

我需要用ngfor在angular2中创建条件。sql中的此条件为我需要用*ngFor在angular2中做这件事，我有这个代码 <ion-list*ngFor="let g of grids">

浏览 3提问于2017-02-02得票数 1

1回答

带ContentProjection的Angular 2- ngFor

angular、directive、projection、ngfor

可以将*ngFor指令与内容投影结合使用吗？ selector: 'test', <div><test> <p>Hello World</p> <p>Hell

浏览 0提问于2017-04-26得票数 0

2回答

Angular 2排序列表动画

javascript、angular

我已经通读了动画指南，但它不能满足我的要求。Sort By: Name | Value[name: b, value:2]然后假设用户按下' Value‘来按值排序。Sort By: Name | Val

浏览 0提问于2016-09-27得票数 9

1回答

如何获得angular4的拖放排序功能？

angular、drag-and-drop、sortables

我在angular中使用ng2-dnd来实现拖放功能，它还允许一个可排序的功能。items"> </div></div> 具有NG2-dnd的Angular4

浏览 20提问于2017-12-31得票数 0

2回答

如何在角2的表中嵌套？

angular

我有一个像这样的物体： "key1": [{...}, {...}, ...], ....然后，在我的组件html中，我想做这样的事情： 我的问题是，基于中提供的示例，编写类似于 <tr

浏览 1提问于2016-03-18得票数 1

回答已采纳

3回答

带管道的Angular* 6滤波器可观测阵列*

angular、observable、ngfor、angular-pipe

我在一个ngFor循环中显示了一个对象列表，我想用一个管道来过滤这个列表。我的研究让我得出了这样的结论：import { Pipe, PipeTransform } from '@angular/core'; return items.filter(x => x.isActive === isActive);} 在my.component.ht

浏览 0提问于2019-01-10得票数 0

1回答

带标签部分的Angular* UI可排序连接列表*

angularjs、jquery-ui、ng-repeat、jquery-ui-sortable

我正在尝试让UI可排序与连接列表，以发挥更好。基本上，我希望保留两个连接列表的功能，但我希望右侧的列表有两个部分："First Place“只保存第一个选项卡，而"Everything”保存其余的选项卡。基本上，我只想在其中添加两个标签，以便在视觉上区分不同的东西。用户应该能够垂直排序，就好像标签不在那里一样，并在两个列表之间移动选项卡。应该演示我想要做的事情。

浏览 1提问于2015-10-01得票数 0

3回答

如何将我的数据库中的数据放入angular中的select

angular

我想让用户能够选择他们预先输入的电子邮件，但是当我使用ng-options并且我尝试了ngFor，但它似乎仍然不起作用，我做错了吗？select [ngModel]="selectedName" (ngModelChange)="updateSelectedValue($event)"> </div> </f

浏览 26提问于2017-12-10得票数 0

回答已采纳

点击加载更多