angularjs - 如何将自定义指令动态添加到 div 元素？

Question

我是 angularjs 的初学者，请放轻松。所以我有这个指令，并想动态地将它附加到一个 div 元素。我该怎么做？

appDirectives.directive('test', function () {
    return  {
        restrict: 'E',
        templateUrl: 'templates/test.html'
    }
});

我试过这个，但没有用。我假设模板在附加到 div 元素之前没有被编译。有没有 Angular 的方法来做到这一点？

<div id="element"></div>

$('#element').append(<test></test>);

更新:这就是我想要做的。当用户登录我的页面时，我希望根据用户类型显示 3 个不同的模板。
这3个模板是 <basic>, <regular>, <advance>基本上在用户登录后，我会有一个变量的值 user.type并希望为该用户显示适当的模板。

任何建议都会有所帮助。谢谢 :)

Answer 1

像这样的东西，可能吗？ http://plnkr.co/edit/SmL9fA5GzAxI2WYTnYZy

Angular 的方式是通过 javascript 对象(在范围内)来表示 View
并让 Angular 模板系统来反射(reflect)您的模型。