小编alt*_*255的帖子

角CDK用cdkDropListConnectedTo连接多个放置区域

我正在使用泳道创建一个简单的董事会界面,认为是Jira swimlane或trello董事会

在此处输入图片说明 红线显示电流

蓝色显示我要实现的流程

我有三列分别名为“待办事项”,“进行中”和“完成”。目前,我可以使用将项目从“待办事项”拖到“进行中”,从“进行中”拖到“完成”,再从“完成”拖回到“待办事项” cdkDropListConnectedTo

我想知道的是,谁可以将项目从“完成”移动到“待办事项”和“进行中”,同样如何将项目从“进行中”移动到“完成”和“待办事项”以及从“完成”同时显示为“进行中”和“待办事项”。

我要做的第一件事就是传递多个引用,cdkDropListConnectedTo但这没有用。如果有人能指出正确的方向,我将不胜感激。

谢谢

这是我到目前为止所写的内容:https : //stackblitz.com/edit/angular-mpedfr?file=src%2Fapp%2Fapp.component.html

typescript angular-material angular-material2 angular angular-cdk

5
推荐指数
2
解决办法
2900
查看次数

限制可以选择对象的数字键

我有一个界面(如下所示)。目前,它需要所有属性。我怎样才能做到只需要一个属性。基本上,这些属性是相互排斥的,例如,如果选择了“top”属性,则无法选择其他属性。

interface PaddingOptions {
    'top': number;
    'bottom': number;
    'left': number;
    'right': number;
}
Run Code Online (Sandbox Code Playgroud)
const foo: PaddingOptions = {top: 20, bottom: 20} //this should give error as both top and bottom can not be used
const foo: PaddingOptions = {right: 20}; // ok as only one property is selected
Run Code Online (Sandbox Code Playgroud)

javascript typescript

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