Atualização DOM enquanto arrasta um item classificáveis

Question

Eu tenho uma lista de itens que devem ser classificável, que em si não é difícil de implementar usando jQuery.Com base no este código Eu coloquei essa funcionalidade em um ângulo directiva, de modo que o meu modelo é mantido atualizado quando o reordenamento os itens na lista.

Minha lista tem diferentes cores de linhas, dependendo se ele é par ou ímpar de linha, bem como dois símbolos que muda de cor dependendo se o item for o primeiro ou o último da lista.Eu criei um violino para mostrar um exemplo.

Agora, o problema é que ao arrastar um item estraga o layout e o colorido símbolos não são atualizados enquanto arrasta um item.Quando um item é lançado, a lista é atualizada e parece bom, mais uma vez.

Minha pergunta:Como faço para manter a lista atualizada enquanto move um item?Eu tentei com um change função de retorno de chamada, mas eu não tenho nenhuma idéia de como obter qual a posição que a minha arrasta o item é atualmente ocupa.O ui-objeto não contém informações sobre isso, tanto quanto eu sei.Quando a atualização do modelo, a ideia é que o DOM vai atualizar, como bem.Seria este, em seguida, repor a minha arrastando?

Eu também tentei criar um recipiente para o texto, para que o plano de fundo não é arrastado com o item (isso ainda não resolver o problema com a atualização de cores e símbolos), mas eu não poderia fazer é função, conforme necessário.

Eu espero que você é capaz de ajudar.

Editar: Depois de uma boa noite de sono, acordei e encontrei ui.placeholder.index() no change-evento é a posição atual do item arrastado.Usando isso eu posso atualizar o modelo, mas o estilo ainda é uma bagunça enquanto arrasta.

Melhores cumprimentos

Answer 1

Se alguém estiver interessado, eu acabei com um hack.O que eu fiz está criando o fundo de primeiro e depois adicionar itens à lista.Desta forma, o fundo não vai mudar, enquanto arrasta os meus itens.

Sobre a atualização do meu modelo eu tinha um problema com o change evento que está sendo chamado duas vezes, então eu fui para longe dessa idéia.

Esta atualizado violino mostra a minha solução.