在选择标记选项中添加指令模板

Question

我有返回模板的指令 -

angular.module('ui-module').directive(
    'onelineDir',
    ['$http', '$compile','$timeout',
            function($http, $compile,$timeout) {
            function controller($scope, $attrs) {
            }

            return {
                    restrict : 'E',
                    transclude : false,
                    scope : {
                        dir : '=',
                        img : '='
                    },
                    controller : controller,
                    link : function($scope, element, attrs) {

                        $scope.showModal = function() {


                        };
                    },
                    template : '<span><span ng-click="showModal()">Add New</span></span>',
                    replace : true
                };

                }]);

并在html中选择标记位于 -

       <select class="input-xlarge" ui-select2  name="category" ng-model="file.category" ng-disabled="file.fileError==='true' && file.duplicate==='false'">
            <option value=""></option>
            <option ng-repeat="c in categories" value ={{c.id}}>{{c.description}}</option>
            <option value="n"><oneline-dir dir="dirItem" img="true" ng-disabled="file.fileError==='true'"></oneline-dir></option>
        </select>

上面我试图把Add New等指令模板作为选项。 但它并没有取代模板。

如果我在select tag之外使用指令它工作正常，它显示为Add New。

请给我一些解决这个问题的建议。