Tworzenie dyrektywy AngularJS dla przycisku jQuery UI

Aktualizacja: Fiddle w / pełne rozwiązanie:http://jsfiddle.net/langdonx/VXBHG/

W próbach porównania i kontrastu KnockoutJS i AngularJS przejrzałemInteraktywny samouczek KnockoutJS, i po każdej sekcji, przepisałbym ją w AngularJS używając tego, co już znałem, + tegoOdniesienie AngularJS.

Kiedy dotarłem do kroku 3Tworzenie powiązań niestandardowych samouczek, pomyślałem, że to byłby dobry moment, aby się rozpętać w dyrektywach Angular i napisać niestandardowy znacznik. Potem zawiodłem żałośnie.

Jestem przeciwny dwóm problemom, których nie byłem w stanie zrozumieć. Stworzyłem nowe Fiddle, aby owijać głowę wokół tego, co się dzieje ...

1 (skrzypce): Zorientowałem się, że mam problem z zasięgiem, ale czy możliwe jest tylko przejścieng-click? Jedynym sposobem, w jaki mogę go uruchomić, jest zmiana jego nazwy najqb-click co jest trochę denerwujące.2 (skrzypce): Jak tylko złożyłem podanie.button() do mojego elementu rzeczy poszły dziwnie. Domyślam się, ponieważ zarówno Angular, jak i jQuery UI manipulują HTML. Nie spodziewałbym się tego, ale Angular wydaje się zapewniać własnespan dla mniebutton (patrz linia 21 JavaScript) i oczywiście jest to jQuery UI, którego bym się spodziewał. Zhakowałem HTML, aby wyglądał dobrze, ale nawet wcześniej żadna z funkcjonalności nie działa. Nadal mam problem z zakresem i nie ma powiązania szablonu. czego mi brakuje?

Rozumiem, że istnieje projekt AngularUI, z którym powinienem się przyjrzeć i prawdopodobnie mogę wyciągnąć to, co próbuję zrobić za pomocą CSS, ale w tym momencie chodzi raczej o nauczenie się korzystania z dyrektyw, niż myślenie, że jest to dobre pomysł.

questionAnswers(1)

yourAnswerToTheQuestion