directive

I have a directive myDirective with variable type. If I run <my-directive type="X"> I want the directive to use templateUrl: x-template.html. If I do <my-directive type="Y"> I want the directive to use templateUrl: y-template.html. This is my current directive. app.directive('myDirective', function() { var myDirective = { templateUrl: 'X-template.html', restrict: 'E', scope: { type: '=' }, }; return myDirective; }); I read thru stackoverflow and angular documentation but have not found anything that I need. I am now trying to do something along the lines of: if ($scope.type === 'X') {

I've got an AngularJS attribute directive, and I would like to take an action any time its parent input's value changes. Right now I'm doing it with jQuery: angular.module("myDirective", []) .directive("myDirective", function() { return { restrict: "A", scope: { myDirective: "=myDirective" }, link: function(scope, element, attrs) { element.keypress(function() { // do stuff }); } }; }); Is there a way to do this without jQuery? I'm finding the keyPress event isn't doing exactly what I want it to, and while I'm sure I'll come up with a solution, I get a little nervous when I resort to using

I have in my html file directives <add /> <back /> and the directives are on the form .directive('add', ['$window', ... and .directive('back', ['$window', This works fine. If i change the directives to camel case: .directive('addPlayer', ['$window', ... <add_player /> <back /> and <add:player /> <back /> display fine whereas <add-player /> regular dash <back /> displays only <add-player> and everything after is not displayed. Any ideas why? EDIT: I've kind of gotten the same behaviour here http://plnkr.co/edit/cpP4c2TyZwv5Y4BrNUBb?p=preview To lay your question to rest, I am quoting the

According to the documentation a template can be a function which takes two parameters, an element and attributes and returns a string value representing the template. It replaces the current element with the contents of the HTML. The replacement process migrates all of the attributes and classes from the old element to the new one. The compile function deals with transforming the template DOM. It takes three parameters, an element , attributes and transclude function. The transclude parameter has been deprecated. It returns a link function. It appears that a template and a compile functions

【编辑注】本文来自StackOverFlow上How do I “think in AngularJS” if I have a jQuery background?一题中得票最高的回答。该回答得票超过3000次，回答者Josh David Miller是活跃于开源社区的开发者，也是Emergenesis公司的联合创始人。该答案最初由数云架构师韩铮翻译并发布在 自己的博客 上，在征得Josh同意后由韩铮本人推荐给 InfoQ进行分享，并在经过InfoQ社区编辑崔康审校后发布在此。 1. 不要先设计页面，然后再使用DOM操作来改变它的展现 在jQuery中，你通常会设计一个页面，然后再给它动态效果。这是因为jQuery的设计就是为了扩充DOM并在这个简单的前提下疯狂的生长的。 但是在AngularJS里，必须从头开始就在头脑中思考架构。必须从你想要完成的功能开始，然后设计应用程序，最后来设计视图，而非“我有这么一个DOM片段，我想让他可以实现XXX效果”。 2. 不要用AngularJS来加强jQuery 类似的，不要以这样的思维开始：用jQuery来做X，Y和Z，然后只需要把AngularJS的models和controllers加在这上面。这在刚开始的时候显得非常诱人，这也是为什么我总是建议AngularJS的新手完全不使用jQuery，至少不要在习惯使用“Angular Way