javascript - 指令作为 Bootstrap ui 模式中的类不编译

Question

我正在尝试将一个指令作为一个类传递到 windowClass 字段中，但它似乎没有被编译，因此没有调用该指令。

模态:

...
$modal.open({
      templateUrl: 'modal.html',
      scope: scope,
      controller: 'myCtrl as controller',
      backdrop: false,
      windowClass: 'directive'
})
.result.then(function (data) {
     // something
});
...

指令:

...
.directive('directive', function() {
    return {
        link: function(scope, element, attr) {
            var modal = element;
            console.log("directive called");
            // real code goes there
        }
    };
});
...

使用此配置，永远不会调用该指令。

我目前正在使用一种解决方法，但我对此并不满意:

指令:

...
.directive('directive', function() {
    return {
        link: function(scope, element, attr) {
            var modal = element.parent().parent().parent();
            console.log("directive called");
            // real code goes there
        }
    };
});
...

模态.html:

<div directive>
     <!-- something -->
</div>

我发现了同样的问题 here但除了我的解决方法外，它没有其他答案，所以我使用适当的标签重新发布它:angular-ui-bootstrap，如 github repo 中指定的那样，希望得到更好的回答。

我正在使用:

• Angular v1.3
• angular-ui/bootstrap v0.13.0(最新版本)

Answer 1

更新:请参阅下面的评论。

目前，我们不重新编译该元素。相反，我们只是调用 $element.addClass 并传入用户指定的 windowClass 值。

但是，我们确实认为这可能有一个用例，希望您输入一个新问题 here如果你不介意的话。

请将此 SO 帖子链接到新问题。谢谢。