角指令不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來包裝select，它什麼也不做。我錯過了什麼？

Answer 1

您必須將select元素放入您的指令元素中。嘗試改爲讓你的指令，因爲一個元素，改變你的HTML這樣的：

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

或者作爲像這樣的屬性：

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