Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 模具拖放_Angular_Drag And Drop_Jsx_Web Component_Stenciljs - Fatal编程技术网

Angular 模具拖放

Angular 模具拖放,angular,drag-and-drop,jsx,web-component,stenciljs,Angular,Drag And Drop,Jsx,Web Component,Stenciljs,我希望实现列表之间的拖放,例如Angular的cdkdroplist 我最好如何将其实现到我的模具组件中?我可以以某种方式使用上面提到的拖放api吗?如果可以,如何使用?如果不是,还有其他的方法我应该考虑吗? 我不确定如何将此角度代码转换为模具语法: {{item}} 使用起来更简单。您将需要以下内容 npm i sortablejs @types/sortablejs 然后构建两个类似于以下内容的ul列表: <ul> { this.items.map(i

我希望实现列表之间的拖放,例如Angular的cdkdroplist

我最好如何将其实现到我的模具组件中?我可以以某种方式使用上面提到的拖放api吗?如果可以,如何使用?如果不是,还有其他的方法我应该考虑吗? 我不确定如何将此角度代码转换为模具语法:


{{item}}
使用起来更简单。您将需要以下内容

npm i sortablejs @types/sortablejs
然后构建两个类似于以下内容的
ul
列表:

<ul>
    {
        this.items.map(i =>
            <li data-id={i.id}>{i.text}</li>
        )
    }
</ul>
    { this.items.map(i=> {i.text} ) }
请参阅上的更多说明/示例。

使用起来更简单。您将需要以下内容

npm i sortablejs @types/sortablejs
然后构建两个类似于以下内容的
ul
列表:

<ul>
    {
        this.items.map(i =>
            <li data-id={i.id}>{i.text}</li>
        )
    }
</ul>
    { this.items.map(i=> {i.text} ) }
请参阅上的更多说明/示例