title: How to render single item from a loop based on some condition at a another area of a screen in angular?
body: <p>any one know how to render this kind of scenario  :</p>
  <p><a href="https://i.stack.imgur.com/wO15j.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wO15j.png" alt="enter image description here" /></a></p>
  <p>I know dragable library provide an option for disable drag. But it is not better solution while item is disabled to drag but another item can change position of non-dragable item while draging.</p>
  <p>So is there any way to render item at different place some kind of hack or stuff or feature through which, this kind of scenario can be accomplish ?</p>
  <p>please guide me on the right path to render this kind of scenario in <strong>angular</strong></p>