小编Dav*_*rem的帖子

通过角度材料的拖放来重新排序垫子表行

Angular 7带来了强大的功能DragDropModulehttps : //material.angular.io/cdk/drag-drop/examples

该文档涉及重新排列列表中的项目或在多个列表之间转移项目。但是,它没有谈论表。

我想知道是否有一种舒适的方法使用角材料的拖放系统对mat-table或cdk-table中的行进行重新排序。

(您可以添加cdkDropList使其mat-table使该机制起作用,但没有所有精美的动画和默认的拖动占位符。)

是否存在像易于实现的默认值那样通过拖放对表行进行排序的东西?

drag-and-drop angular-material angular mat-table

7
推荐指数
4
解决办法
1万
查看次数

Angular 2 Forms:绑定html选择对象集合

我想在角度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

html forms angular2-ngmodel angular

3
推荐指数
1
解决办法
1万
查看次数