angularjs-directive

Yesterday, I started writing a notification directive for my project I asked question on stackoverflow AngularJS: Alerts not showing up and after struggling through documents and videos , I am able to build a basic notification directive http://plnkr.co/edit/uqSB1gIz6XEmJfC8zHNb?p=preview What I want? Like any other app, when alerts show up, they hide after a second or so, I am trying to find out a way to hide the alert after a second, but not sure how to do that Any help is greatly appreciated UPDATE As per @Derek's answer, I am able to implement timeout http://plnkr.co/edit

I'm trying to implement a slideDown/slideUp animation with AngularJS. I can't use CSS3's transition (unfortunately) since the height is set to auto (and I don't want to use the max-height workaround ), so I'm trying to use jQuery's slideToggle method. Given the following markup: <ul> <li ng-repeat="entry in data"> <span>{{entry.title}}</span> <a ng-click="clicked($event)" href>more?</a> <p>{{entry.description}}</p> </li> </ul> I implemented the following method in my controller: $scope.clicked = function($event) { var a = jQuery($event.target); var p = a.next(); p.slideToggle(); }; FIDDLE Even

I am just wondering why I need to add double curly braces for ng-href while some of the other directives don't need them? <a ng-href="{{myScopeVar}}" ng-if="myScopeVar">link</a> Notice that ng-href needs braces while ng-if doesn't. michael I am not quite sure about your question. But i think your are wondering why there are different syntax styles in angular directives. First off all, please have a look at this post: Difference between double and single curly brace in angular JS? The answer explains the difference between {{}} , {} and no braces. For your concrete examples, as in the

I am trying to create an angular directive with a template, but I also don't want to lose the HTML inside of the div. For example, here is how I would like to call my directive from HTML: <div my-dir> <div class="contents-i-want-to-keep"></div> </div> Then, there is my directive: app.directive('myDir', [ '$compile', function($compile) { return { restrict: 'E', link: function(scope, iElement, iAttrs){ // assigning things from iAttrs to scope goes here }, scope: '@', replace: false, templateUrl: 'myDir.html' }; }]); and then there is myDir.html, where I define a new element: <div class="example"

I am Fairly new to Angular but have been reading quite a lot. I was reading about ng-transclude at http://docs.angularjs.org/guide/directive#creating-custom-directives_demo_isolating-the-scope-of-a-directive and I think I understand properly what it does. If you have a directive that applies to an element that has content inside it such as in <my-directive>directive content</my-directive> It will allow you to tag an element within the directive's template with ng-transclude and the content included in the element would be rendered inside the tagged element. so if the template for myDirective

angular.element All element references in Angular are always wrapped with jQuery or jqLite; they are never raw DOM references. How can I get the raw DOM element, because I have legacy JS code (jscolor Picker) that needs the raw DOM element? Found it: ang_element = angular.element(element); raw_element = ang_element[0]; 来源： https://stackoverflow.com/questions/18302493/is-there-a-way-to-get-the-raw-dom-element-from-an-angular-element