如何在角度指令中定位动态生成的 id {{element}}

Question

我有一个要求，我创建了如下指令：

app.directive('popOver', function ($compile) {
    return {
        restrict: "A",
        link: function (scope, element, attrs) {
            // get template
            var templateId = element.data('popover-template');
            var templateHtml = $('#' + templateId).html();
            // compile content and class
            var popover_content = $compile(templateHtml)(scope);
            var popover_class = element.data('popover-class');            

在 html 页面中，我已将 ID 作为角度表达式传递，如下所示

data-popover-template="{{field.popoverid}}" 

运行代码后，我收到Error: Syntax error, unrecognized expression: {{field.popoverid}} 之类的错误。

有人可以帮我解决这个问题吗？

Answer 1

错误是不言自明的：data-popover-template 需要一个表达式。所以试试这个：

data-popover-template="field.popoverid"

表达式插值结果{{}}不再是表达式，因此这种情况下指令无法设置数据绑定。