Zobacz dolne pytanie, aby uzyskać lepsze rozwiązanie tego problemu

Od jakiegoś czasu próbuję uzyskać dyrektywę dotyczącą pracy z pagedem. Jest to dokładnie ten sam edytor używany przez stackoverflow. Stackoverflow udostępnia ten kod tutaj:

https://code.google.com/p/pagedown/

Istnieje kilka wersji w Internecie, ale żadna nie działa dobrze. To, czego potrzebuję, to takie, które pojawi się wraz ze wszystkimi przyciskami edytora, tak jak w przypadku stackoverflow, zarówno podczas kodowania inline, jak i wtedy, gdy jest on wbudowany jako część ngRepeat.

Chciałbym, aby ta dyrektywa działała, gdy jest zakodowana inline, a także wewnątrz ng-repeat przy użyciu Angular w wersji 1.2.7. Potrzebne jest to, że gdy dane modelu ulegną zmianie, dyrektywa musi zaktualizować widoki stronicowania, aby pokazać nowe pytanie i odpowiedzi. Gdy użytkownik zmieni obszar edycji stronicowania, dyrektywa musi być w stanie zaktualizować model. Gdy użytkownik kliknie [zapisz], dane modelu muszą zostać zapisane w bazie danych (lub przynajmniej w innym obiekcie, aby potwierdzić jego działanie).

Dyrektywa musi być w stanie reagować na zmiany w modelu, a także zapisywać jego surowe dane w modelu na klawiaturze lub po naciśnięciu przycisku „zmiany” w edycji. Oto, co mam do tej pory. Zauważ, że ta wersja nie ma $ wmdInput.on („zmiana”, ale jest początkiem tego, co jest potrzebne).

Najważniejsze, że chciałbym mieć to działające z wersją1.2.7 Angular i jQuery2.0.3 Proszę zauważyć, że znalazłem różnice z moim niepracującym kodem między wersjami 1.2.2 i 1.2.7. Myślę, że najlepiej, jeśli jakieś rozwiązanie działa w najnowszej wersji (1.2.7).

Aktualizacja

Teraz ta dyrektywa jest prostsza i rozwiązuje kilka ostatnich problemów, które miałem z nie pokazywaną treścią. Gorąco polecam korzystanie z tej dyrektywy, która opiera się na zaakceptowanej odpowiedzi i kilku poprawkach:https://github.com/kennyki/angular-pagedown