Angular指令不转换select

时间:2014-02-10 21:22:47

标签: angularjs

我有一个选择

<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

    }
});

由于某些原因,如果我使用replace:true,它会适当地替换select,但是当我将其关闭以努力用div包装select时,它不会做任何事情。我错过了什么?

1 个答案:

答案 0 :(得分:2)

您必须将select元素放在指令元素中。请尝试将您的指令作为元素并将您的html更改为:

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

或者像这样的属性:

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