Угловой 2 не распознает изменения DOM

Question

Я использую некоторые угловые 2 компонента в своем проекте, и мне нужно изменить положение какого-либо компонента. Я использую DOM, чтобы сначала изменить позицию, например replaceChild или insertBefore, что-то вроде этого. Но я замечаю, что угловой 2 не знает изменения DOM, похоже, что мое изменение DOM происходит над угловым жизненным циклом 2. Итак, есть ли способ редактировать DOM в угловом2? или каким-то образом я могу изменить порядок компонентов?

Для того, чтобы понять, что я делаю, я создаю некоторые компоненты, и я хочу перетащить их и переключить их положение. Я нахожу плагиновую запись в JQuery, вы можете найти gif на своем сайте GitHub (https://github.com/Barrior/DDSort/blob/master/img/ddsort.gif). Я хочу реализовать что-то вроде этого gif.

Я нахожу что-то, что может помочь в GitHub, но я не знаю, как его использовать.

Answer 1

Я понимаю, что это было задано некоторое время назад, но для других, которые могли бы бороться с чем-то вроде этого ... Угловые зоны использования, которые, как я считаю, используют асинхронные операции JavaScript для обезьян-патчей.

Для запуска обновления DOM, которые не могли бы быть подхвачены Угловое, вы можете запустить с зонами ...

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

@Injectable() 
export class SomeService { 

    constructor(private zone: NgZone) {} 

    someFunction() { 
     this.zone.run(() => { 
      // Your code goes here! 
     }); 
    } 

} 

Взгляните на этот blog on zones