Angular 7带来了强大的功能DragDropModule:https : //material.angular.io/cdk/drag-drop/examples
该文档涉及重新排列列表中的项目或在多个列表之间转移项目。但是,它没有谈论表。
我想知道是否有一种舒适的方法使用角材料的拖放系统对mat-table或cdk-table中的行进行重新排序。
(您可以添加cdkDropList使其mat-table使该机制起作用,但没有所有精美的动画和默认的拖动占位符。)
是否存在像易于实现的默认值那样通过拖放对表行进行排序的东西?
我想在角度2应用程序中显示可选对象的集合(RC 5,形式0.3.0)
<select [(ngModel)]="selectedItem">
<option *ngFor="let item of selectableItems"
[value]="item">
{{ item }}
</option>
</select>
<div> {{ selectedItem }} </div>
Run Code Online (Sandbox Code Playgroud)
列表本身已正确显示.
但是'selectedItem'显示的所有内容都是[object Object].在代码中访问项目时,我得到相应的字符串"[object Object]".我尝试切换到ngValue但产生相同的结果.
当我使用原始值而不是对象时,整个过程都有效.但我怀疑我在这里错过了一些关键点.
谢谢你的帮助.我一直在互联网搜索和反复试验上浪费了几个小时.也许有人遇到过同样的问题.
编辑(24-08-16):我遇到了这个教程,它解释了如何创建常用窗体小部件.也许对于登陆此页面的人有用:https://scotch.io/tutorials/how-to-deal-with-different-form-controls-in-angular-2