Aktualisieren: Geige mit vollständiger Lösung:http://jsfiddle.net/langdonx/VXBHG/

In dem Bemühen, KnockoutJS und AngularJS zu vergleichen und gegenüberzustellen, habe ich dieKnockoutJS interaktives Tutorial, und nach jedem Abschnitt würde ich es in AngularJS mit dem Wenigen, das ich bereits kannte, umschreibenAngularJS-Referenz.

Als ich zu Schritt 3 kamAngepasste Bindungen erstellen Im Tutorial dachte ich, es wäre ein guter Zeitpunkt, Angular Directives aufzuspüren und ein benutzerdefiniertes Tag zu schreiben. Dann bin ich kläglich gescheitert.

Ich bin mit zwei Problemen konfrontiert, die ich nicht herausfinden konnte. Ich habe eine neue Geige erschaffen, um zu versuchen, meinen Kopf um das zu wickeln, was vor sich ging ...

1 (Geige): Ich habe mein Scoping-Problem herausgefunden, aber es ist möglich, einfach durchzukommenng-click? Die einzige Möglichkeit, es zum Laufen zu bringen, besteht darin, es in umzubenennenjqb-click Das ist ein bisschen nervig.2 (Geige): Sobald ich mich beworben habe.button() Zu meinem Element wurden die Dinge seltsam. Ich vermute, weil sowohl Angular als auch jQuery UI das HTML manipulieren. Ich würde das nicht erwarten, aber Angular scheint für sich selbst zu sorgenspan für meinbutton (siehe Zeile 21 des JavaScript), und natürlich auch die jQuery-Benutzeroberfläche, die ich erwarten würde. Ich habe HTML gehackt, damit es richtig aussieht, aber selbst vorher funktioniert keine der Funktionen. Ich habe immer noch das Problem mit dem Gültigkeitsbereich und es gibt keine Vorlagenbindung. Was vermisse ich?

Ich verstehe, dass es ein AngularUI-Projekt gibt, das ich mir ansehen sollte, und ich kann wahrscheinlich sagen, was ich nur mit CSS machen will, aber an dieser Stelle geht es mehr darum, zu lernen, wie man Direktiven verwendet, als zu denken, dass dies ein gutes Projekt ist Idee.