BlogPost: AngularJS Custom Directives

select-filter-directive.js

...
myApp.directive('selectFilter', ['$compile', function($compile) {
    return {
      restrict: 'E',
      link: function(scope, element, attrs) {
        var model = attrs.model;
        var modelList = pluralize(model);
        var attribute = attrs.attribute;
      
        var jadeString = "select(ng-model='#{attribute}', ng-options=\"#{model}.#{attribute} as #{model}.#{attribute} for #{model} in #{modelList} | unique:'#{attribute}'\")" + "\n\toption(value='') All";
        var jadeTemplate = jade.compile(jadeString);
        var html = jadeTemplate({model: model, attribute: attribute, modelList: modelList});
      
        var c = $compile(html)(scope);
        element.append(c);
      }
    };
}]);