
Security News
vlt Launches "reproduce": A New Tool Challenging the Limits of Package Provenance
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
angular-dragon
Advanced tools
https://xieziyu.github.io/#/angular2-draggable/demo
angular-dragon is an angular (ver >= 2.x) directive that makes the DOM element draggable. (Note that: It's different from drag-and-drop)
npm install angular2-draggable --save
Please refer to the demo page.
Firstly, import AngularDragon
in your app module (or any other proper angular module):
import { AngularDragon } from 'angular-dragon';
@NgModule({
imports: [
...,
AngularDragon
],
...
})
export class AppModule { }
Then: use ngDraggable
directive to make the DOM element draggable.
Simple example:
<div ngDraggable>Drag me!</div>
Use [handle]
to move parent element:
<div ngDraggable [handle]="DemoHandle" class="card">
<div #DemoHandle class="card-header">I'm handle. Drag me!</div>
<div class="card-block">You can't drag this block now!</div>
</div>
ngDraggable
directive support following input porperties:
ngDraggable
: boolean. You can toggle the draggable capability by setting true
/false
to ngDraggable
handle
: HTMLElement. Use template variable to refer to the handle element. Then only the handle element is draggable.
When ngDraggable
is enabled on some element, ng-draggable
class is automatically assigned to it. You can use it to customize the pointer style. For example:
.ng-draggable {
cursor: move;
}
To be supported soon.
FAQs
https://xieziyu.github.io/#/angular2-draggable/demo
The npm package angular-dragon receives a total of 0 weekly downloads. As such, angular-dragon popularity was classified as not popular.
We found that angular-dragon demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
Research
Security News
Socket researchers uncovered a malicious PyPI package exploiting Deezer’s API to enable coordinated music piracy through API abuse and C2 server control.
Research
The Socket Research Team discovered a malicious npm package, '@ton-wallet/create', stealing cryptocurrency wallet keys from developers and users in the TON ecosystem.