tagit.js

App.directive('tagIt', function ($timeout) {
  return {
    template: "<ul class='tagit'></ul>",
    replace: true,
    scope: {
      tags: "=",
    },
    link: function(scope, element) {
      $(element).tagit({
        afterTagAdded: function(event, ui) {
          scope.tags = element.tagit("assignedTags");
          scope.$apply();
        },
        afterTagRemoved: function(event, ui) {
          scope.tags = element.tagit("assignedTags");
          scope.$apply();
        }
      });

      scope.tags.forEach(function(tag) {
        $(element).tagit('createTag', tag);
      })
    }
  }
});