Функция перетаскивания не работает в Angular - PullRequest
Новая
       30

Функция перетаскивания не работает в Angular

0 голосов
/ 06 декабря 2018

Я использую Angular 7 и следую этому уроку. Учебник

Я копирую и вставляю образец исходного кода, но он не работает.Поле отображается, но я не могу его переместить.

Вот исходный код.

HTML 

<div class="example-box" cdkDrag>
   Drag me around
</div>

CSS 

  .example-box {
     width: 200px;
     height: 200px;
     border: solid 1px #ccc;
     color: rgba(0, 0, 0, 0.87);
     cursor: move;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     background: #fff;
     border-radius: 4px;
     position: relative;
     z-index: 1;
     transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
                 0 2px 2px 0 rgba(0, 0, 0, 0.14),
                 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.example-box:active {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
              0 8px 10px 1px rgba(0, 0, 0, 0.14),
              0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

Файл компонента(.ts) 

import {Component} from '@angular/core';

/**
 * @title Drag&Drop with a handle
 */
@Component({
  selector: 'map-manifest',
  templateUrl: './map.manifest.component.html',
  styleUrls: ['./map.manifest.component.css'],
})
export class MapManifestComponent {}

Кто-нибудь знает в чем проблема?Пожалуйста, помогите мне, если вы знаете это.

...