如何从ng重复列表中呈现自定义{{element}}

Question

在bootstrap中切换下拉列表后，尝试获取angular来呈现指令列表。

理想情况下，我在主视图中按照范围Ctrl：

$scope.directiveList = ['messages', 'events', 'cart'];

并在html中

<div ng-repeat="directive in directive-list">
  <{{directive}}/>
</div>

我得到的结果是纯文本，即。我试图修改另一个我学到的帮助指令，它可以正常渲染普通的html元素，但不会渲染自定义表达式。这是指令代码：

.directive("notify", function(){
    return {
        restrict:"EA",
        scope:{element:"="},
        link:function(scope, iElem) {
            var domElement = document.createElement(scope.element);
            iElem.append(domElement);

        }
    };
});

此代码以纯文本格式呈现元素，并且它不会在视图中显示。任何帮助，一如既往，非常感谢！提前谢谢！