我正在参加战舰游戏，我决定使用AngularJS。目前，我正在努力为用户找到一种方法，使用拖放功能将船只放置在电路板上。
电路板本身是一个大小为10x10的指令（一个2d的对象阵列，设计想象一个棋盘，其中每个方格都是具有属性的对象）。要放置的可用船只是不同大小（正方形）的DOM元素。
我想要实现的是，假设我拖动一艘5号大小的船，将其放在棋盘上，并且对于所有已放下船只的方格，将改变对象内的属性。因此，如果我放弃船只时，所有方格首先都有.page-header .container h1 a i这样的属性，则只有5个特定方格才会将属性设置为<div class="page-header" >
<div class="container">
<h1><a href="https://mywebsite.com"><img src="/static/img/logo.jpg" alt"logo">
</a></h1>
</div>
</div>
。
有没有办法实现这一目标？或者也许是替代方案。
我试过调查HTML Drag＆amp;删除API，但我不认为它有助于我正在寻找的特定结果。
我正在努力的一个很好的例子，在这种情况下，船已经被放在了船上。 https://battleship-game.org/en/