https://twitter.com/vvakame/status/497658681140330497

colors_option.js

angular.module('colorsOptionDirective').directive('colorsOption', ['$compile', function($compile) {
    var colors = ["red", "yellow", "blue"];
    compile: function(element, attr) {
        var optionTemplate = angular.element(document.createElement('option'));
        for (var i = 0; i < colors.length; i++) {
            $compile(optionTemplate.clone()
                .val(colors[i])
                .text(colors[i])
                .appendTo(element));
        }
    }
}]);

$compile使えば動的に生成したタグにcompileかけれる模様。
これで、optionタグ直書きの場合と同じ扱いにできるので、データが静的な場合は問題なさそう。

データを動的にする場合、$watchCollectionをかける必要があるので全く同じやり方ではできないので注意必要そう