drag-drop: Provide option to enable/disable dragging of elements

Bug, feature request, or proposal:

feature request

What is the expected behavior?

I would like to be able to make drag-drop toggleable. e.g. <div [cdkDrag]="shouldDragBeEnabled()"></div> or <div cdkDrag [cdkDragEnabled]="shouldDragBeEnabled()"></div>

Maybe even for whole cdkDropList elements, affecting all draggable child elements.

What is the current behavior?

Elements with cdkDrag are always draggable.

What is the use-case or motivation for changing an existing behavior?

We’re making an editor for documents and we have draggable components inside this editor. Users can open documents in a read only mode (e.g. when someone else is working on a document) and in this mode the normally draggable elements should not be draggable.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

7.0.0-rc.2

[100cm]

@crisbeto Hi, when will the pr merged?

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}