如何通过使用ng2-dnd库放置另一个项目来替换项目

时间:2018-11-26 11:16:59

标签: javascript angular drag-and-drop

我正在ng2-dnd库中使用角度6中的拖放选项。当我将一个项目拖放到现有项目上时,我希望将之前的项目替换为最近删除的项目。解决上述问题的任何方法都将非常有帮助:)
预先感谢

1 个答案:

答案 0 :(得分:0)

我为上述发布的问题找到了解决方案。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

function myFunction() {
    fruits.splice(2, 1, "Lemon");
    document.getElementById("demo").innerHTML = fruits;
}
<html>
<body>

<p>Click the button to replace element.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

</body>
</html>

使用javaScript我找到了一种顺序替换项目的方法。在下面的代码段中,有一个示例描述了替换项目
这里的值“ 1”将从数组的索引“ 2”中删除数组中的项,并替换为新元素“柠檬”

fruits.splice(2, 1, "Lemon");