angularjs – 如何动态地将自定义指令添加到div元素?

前端之家收集整理的这篇文章主要介绍了angularjs – 如何动态地将自定义指令添加到div元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是 angularjs的初学者,请放轻松我.所以我有这个指令,并想动态地将它附加到div元素.我该怎么办?

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

我尝试了这个,但它没有用.我假设模板没有在我附加到div元素之前编译.有角度的方法吗?

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

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

更新:这是我正在尝试做的事情.当用户登录我的页面时,我有3个不同的模板,我希望它显示取决于用户的类型.
3个模板是< basic>,< regular>,< advance>
基本上在用户登录后,我将拥有变量user.type的值,并希望为该用户显示相应的模板.

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

解决方法

这样的事情可能会是什么? http://plnkr.co/edit/SmL9fA5GzAxI2WYTnYZy

Angular方式是通过javascript对象表示视图(在范围内) 并让Angular模板系统重新修改你的模型.

猜你在找的Angularjs相关文章