Угловая директива не transcluding выбора

Question

У меня есть выберите

<select selectwrap></select> 

и директиву

app.directive('selectwrap', function() { 
    return { 
     restrict: 'A', 
     transclude: true, 
     scope: {}, 
     template: '<div style="border:1px solid blue;height:100px;width:100px;" ng-transclude></div>', 
     replace: false 

    } 
}); 

По какой-то причине, если я использую заменить: правда, он заменяет выбрать правильно, но когда я отключить его в попытке обернуть выбор с помощью div, он ничего не делает. Что мне не хватает?

Answer 1

Вы должны поместить элемент select в свой элемент директивы. Попробуйте вместо этого, позволяя вашей директивы в качестве элемента и изменение HTML для этого:

<selectwrap><select></select><selectwrap> 

Или как атрибут, как это:

<div selectwrap><select></select></div>