directives

форум програмиране, форум уеб дизайнкурсове и уроци по програмиране, уеб дизайн – безплатно

програмиране за деца – безплатни курсове и уроцибезплатен SEO курс - оптимизация за търсачки

уроци по уеб дизайн, HTML, CSS, JavaScript, Photoshop

уроци по програмиране и уеб дизайн за ученициASP.NET MVC курс – HTML, SQL, C#, .NET, ASP.NET MVC

безплатен курс "Разработка на софтуер в cloud среда"

BG Coder - онлайн състезателна система - online judge

курсове и уроци по програмиране, книги – безплатно от Наков

безплатен курс "Качествен програмен код"

алго академия – състезателно програмиране, състезания

ASP.NET курс - уеб програмиране, бази данни, C#, .NET, ASP.NETкурсове и уроци по програмиране – Телерик академия

курс мобилни приложения с iPhone, Android, WP7, PhoneGap

free C# book, безплатна книга C#, книга Java, книга C#Дончо Минков - сайт за програмиранеНиколай Костов - блог за програмиранеC# курс, програмиране, безплатно

DirectivesAngular Basics

http://forums.academy.telerik.com/

http://kursove-uroci-knigi-obuchenie-programirane-web-design-csharp.info/

http://www.telerik-kids.com/

http://seocourse.telerik.com/

http://html5course.telerik.com/

http://schoolacademy.telerik.com/

http://mvccourse.telerik.com/

http://clouddevcourse.telerik.com/

http://www.bgcoder.com/

http://www.nakov.com/

http://codecourse.telerik.com/

http://algoacademy.telerik.com/

http://aspnetcourse.telerik.com/

http://academy.telerik.com/

http://mobiledevcourse.telerik.com/

http://www.introprogramming.info/

http://www.minkov.it/

http://www.nikolay.it/

http://csharpfundamentals.telerik.com/












free C# book, безплатна книга C#, книга Java, книга C#Дончо Минков - сайт за програмиранеНиколай Костов - блог за програмиранеC# курс, програмиране, безплатно Table of Contents

What is a directive and why we need it

How to create directives

Directive specifics for attributes

jQuery plugins directives
































What Is a Directive































free C# book, безплатна книга C#, книга Java, книга C#Дончо Минков - сайт за програмиранеНиколай Костов - блог за програмиранеC# курс, програмиране, безплатно What Is a Directive

Directives Extends HTML

Make it easier for "dynamic" pages

Easier to read document

Domain specific tags































free C# book, безплатна книга C#, книга Java, книга C#Дончо Минков - сайт за програмиранеНиколай Костов - блог за програмиранеC# курс, програмиране, безплатно What Is a Directive

Main uses of directives Custom elements (tags)

Custom events

Observe and react to changes
































Creating Directives































free C# book, безплатна книга C#, книга Java, книга C#Дончо Минков - сайт за програмиранеНиколай Костов - блог за програмиранеC# курс, програмиране, безплатно Creating Directives

Create directives per modulemyApp.directive('myDirective', function () {

return {

restrict: 'E', // C, A, M, CA, etc.

template: '<div />' // or templateUrl,

scope: { // isolated scope - &, @, = },

link: function(scope, element, attr) {

// put logic here, },

compile: function(element, attr) { // compile },

replace: true, priority: 0

};

});
































Directive Attribute Specifics































free C# book, безплатна книга C#, книга Java, книга C#Дончо Минков - сайт за програмиранеНиколай Костов - блог за програмиранеC# курс, програмиране, безплатно Attribute Specifics

Manipulating attribute

link: function (scope, element, attrs) {

console.log(attrs.ngModel);

attrs.$set('ngModel', 'new value');

// observe changes to interpolated attribute

attrs.$observe('ngModel', function(newVal, oldVal) {

console.log('ngModel has changed to ' + value);

});

}
































jQuery Plugins Directives































free C# book, безплатна книга C#, книга Java, книга C#Дончо Минков - сайт за програмиранеНиколай Костов - блог за програмиранеC# курс, програмиране, безплатно jQuery as Directive

jQuery plugin directives<input type="text" date-picker />

myApp.directive('datePicker', function () {

return {

restrict: 'A',

link: function(scope, element, attr) {

element.datepicker();

},

};

});































free C# book, безплатна книга C#, книга Java, книга C#Дончо Минков - сайт за програмиранеНиколай Костов - блог за програмиранеC# курс, програмиране, безплатно Summary

What are directives

Create directives

Specifics

12
































?

?? ? ?

??? ?

?

?

?

??

?

?

? ?

Questions?

AngularJS

http://academy.telerik.com




















































free C# book, безплатна книга C#, книга Java, книга C#Дончо Минков - сайт за програмиранеНиколай Костов - блог за програмиранеC# курс, програмиране, безплатно Exercises

1. Create a “focus” directive, which when placed on an input element, causes that element to receive the focus when a page first loads.

2. Create a directive that allows the save button to be clicked whenever the enter key is pressed on the new artist page.

3. Replace the artist and albums html on the artist details page with custom “artistDetails” and “albumThumbnail” directives.

4. On the editArtist.html page, combine the artistDate input element and date-picker directive into a single date-input directive.

14




















directives

Documents